

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/* viewport settings */
@-webkit-viewport {
  width: device-width;
  user-zoom: fixed;
}

@-moz-viewport {
  width: device-width;
  user-zoom: fixed;
}



@-o-viewport {
  width: device-width;
  user-zoom: fixed;
}

@viewport {
  width: device-width;
  user-zoom: fixed;
}

/* reset */
* {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

audio, canvas, video {
  display: inline-block;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  /* Chrome 27+ */
  -moz-text-size-adjust: 100%;
  /* Firefox */
  text-size-adjust: 100%;
  /* None yet */
  -webkit-tap-highlight-color: transparent;
}

body {
  color: #444;
  font-size: 14px;
  /*font-size: 1.2rem;*/
  /* 1.2rem=12px, 1rem=10px */
  line-height: 1.9;
  /* text-align: center; */
  position: relative;
  background: #ffffff;
}

div {
  /* text-align: left; */
}

body, button, input, select, textarea, strong, p, span, small {
  font-family: "Microsoft YaHei", "寰蒋闆呴粦", "Hiragino Sans GB", STXihei, "鍗庢枃缁嗛粦", STHeiti, "RobotoDraft", "Roboto", "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "瀹嬩綋", Heiti, "榛戜綋", sans-serif;
}

input, button, select, textarea {
  margin: 0;
  vertical-align: middle;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"],
input[type="url"], input[type="search"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"], select {
  cursor: pointer;
}

button, input {
  line-height: normal;
}

input, textarea, button {
  outline: none;
}

input:focus, input:active, textarea:focus, textarea:active, button:focus, button:active {
  outline: none;
}

input, textarea {
  text-align: left;
}

textarea {
  resize: none;
}

input[type="range"] {
  background: #ddd;
  height: 3px;
}

a, a:link, a:visited {
  /* color: #555; */
  text-decoration: none;
}

html.no-touch a:hover, a.hover {
  /* color: #1C71FE; */
  text-decoration: none;
}

img {
  border: none;
  vertical-align: middle;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

ul, ol {
  margin-top: 0;
  padding-left: 18px;
  padding-left: 1.8rem;
}

ul > li > ul, ol > li > ol {
  margin-bottom: 0;
}

ul, ol, dl {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

ol {
  *margin-left: 5px;
  /* 瑙ｅ喅IE7涓嬫暟瀛楀簭鍙疯鐩栦綇鐨勯棶棰� */
}

dt {
  font-weight: bold;
}

p {
  margin-bottom: 0.6rem;
}

kbd {
  padding: 1px 3px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Microsoft YaHei", "Hiragino Sans GB", "Courier New", monospace;
}

pre {
  color: #444;
  line-height: 1.5;
  display: block;
  padding: 6px;
  padding: 0.6rem;
  margin: 15px auto;
  margin: 1.5rem auto;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #f6f6f6;
}

p code {
  margin: 0 5px;
  margin: 0 0.5rem;
  text-align: center;
}

abbr[title], dfn[title] {
  color: #3BA03B;
  cursor: help;
  border-bottom: 1px dotted #777;
}

address {
  line-height: 1.5;
  font-style: normal;
}

small, .small {
  font-size: 12px;
  font-size: 1rem;
  font-size: 1.2rem\9;
  /* color: #999; */
  font-weight: normal;
}

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
  font-size: 70%;
  margin-left: 10ox;
  margin-left: 1rem;
}

mark, .mark, .highlight {
  padding: 2px 3px;
  background: #ffffcc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

p mark, p .mark {
  margin: 0 5px;
  margin: 0 0.5rem;
}

q, blockquote {
  font-style: italic;
}

blockquote {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 12px;
  padding: 1rem 1.2rem;
  margin: 15px 0;
  margin: 1.5rem 0;
  border-left: 5px solid #eee;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer, blockquote small, blockquote .small {
  color: #999;
  display: block;
  font-size: 80%;
  line-height: 1.5;
}

table {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

thead {
  display: table-header-group;
  vertical-align: middle;
}

tfoot {
  vertical-align: middle;
}

tbody {
  display: table-row-group;
}

tr {
  display: table-row;
}

td, th {
  text-align: left;
  display: table-cell;
}

th {
  font-weight: bold;
}

hr {
  height: 0px;
  margin: 15px auto;
  margin: 1.5rem auto;
  border: none;
  border-bottom: 1px solid #ddd;
  _display: block;
  _overflow: hidden;
}

iframe {
  border: none;
}

form {
  margin: 15px 0;
  margin: 1.5rem 0;
}

fieldset {
  margin: 15px auto;
  margin: 1.5rem auto;
  padding: 6px 10px 10px;
  padding: 0.6rem 1rem 1rem;
  border: 1px solid #eee;
}

legend {
  border: 0;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 0.5rem;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

/* scrollbar style for webkit */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: block;
}

::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  border-style: solid;
  border-color: transparent;
  border-radius: 2px;
}

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal {
  background-clip: padding-box;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.2);
  min-height: 28px;
  padding-top: 100px;
}

::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb:active {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  border-width: 0;
}

::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-track:active {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  background-color: rgba(0, 0, 0, 0.05);
}



/* ================  Basic & Classes  ================ */
/* basic & classes */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear, .pui-clear {
  *zoom: 1;
  /* for IE 6/7 */
}

.clear:before, .clear:after, .pui-clear:before, .pui-clear:after {
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: table;
  content: " ";
  line-height: 0;
  /* for Opera */
}

.clear:after, .pui-clear:after {
  clear: both;
}

.pui-cursor-default {
  cursor: default !important;
}

.pui-cursor-pointer {
  cursor: pointer !important;
}

.pui-cursor-undrop {
  cursor: no-drop !important;
}

.pui-cursor-disabled {
  cursor: not-allowed !important;
}

.pui-cursor-wait {
  cursor: wait !important;
}

.pui-cursor-text {
  cursor: text !important;
}

.pui-cursor-move {
  cursor: move !important;
}

.pui-cursor-help {
  cursor: help !important;
}

.pui-cursor-progress {
  cursor: progress !important;
}

.pui-cursor-auto {
  cursor: auto !important;
}

.pui-cursor-crosshair {
  cursor: crosshair !important;
}

.pui-cursor-e-resize {
  cursor: e-resize !important;
}

.pui-cursor-ne-resize {
  cursor: ne-resize !important;
}

.pui-cursor-nw-resize {
  cursor: nw-resize !important;
}

.pui-cursor-n-resize {
  cursor: n-resize !important;
}

.pui-cursor-se-resize {
  cursor: se-resize !important;
}

.pui-cursor-sw-resize {
  cursor: sw-resize !important;
}

.pui-cursor-s-resize {
  cursor: s-resize !important;
}

.pui-cursor-w-resize {
  cursor: w-resize !important;
}

.pui-link {
  color: #0093F2 !important;
}

.pui-underline,
html.no-touch .pui-hover-underline:hover,
.pui-hover-underline.hover {
  text-decoration: underline !important;
}

.pui-unlink {
  color: #444 !important;
}




html.no-touch .pui-unlink:hover, .pui-unlink.hover {
  color: red !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}

.pui-resize-none {
  resize: none !important;
}

.pui-resize-both {
  resize: both !important;
}

.pui-resize-x {
  resize: horizontal !important;
}

.pui-resize-y {
  resize: vertical !important;
}

.pui-hr-dashed {
  border-bottom: 1px dashed #ddd !important;
}

.pui-margin-none {
  margin: 0 !important;
}

.pui-margin-top-none {
  margin-top: 0 !important;
}

.pui-margin-right-none {
  margin-right: 0 !important;
}

.pui-margin-bottom-none {
  margin-bottom: 0 !important;
}

.pui-margin-left-none {
  margin-left: 0 !important;
}

.pui-padding-none {
  padding: 0 !important;
}

.pui-padding-top-none {
  padding-top: 0 !important;
}

.pui-padding-right-none {
  padding-right: 0 !important;
}

.pui-padding-bottom-none {
  padding-bottom: 0 !important;
}

.pui-padding-left-none {
  padding-left: 0 !important;
}


/* float & align */
.pui-left {
  float: left !important;
}

.pui-right {
  float: right !important;
}

.pui-float-none {
  float: none !important;
}

.pui-center, .pui-block-center, .pui-center-all > *, .pui-block-center-all > * {
  clear: both !important;
  display: inherit !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.pui-block-center, .pui-block-center-all > * {
  display: block !important;
}

/* display */
.pui-show, .pui-show-all > * {
  display: block !important;
}

.pui-hide, .pui-hide-all > * {
  display: none !important;
  visibility: hidden !important;
}

.pui-visible, .pui-visible-all > * {
  visibility: visible !important;
}

.pui-invisible {
  visibility: hidden !important;
}

.pui-block, .pui-block-all > * {
  display: block !important;
}

.pui-inline, .pui-inline-all > * {
  display: inline !important;
}

.pui-inline-block, .pui-inline-block-all > * {
  display: inline-block !important;
}

.pui-hover-display:hover {
  display: block !important;
}

.pui-hover-display-inline:hover {
  display: inline-block !important;
}

.pui-hover-display-none:hover {
  display: none !important;
}

/* opacity */
.pui-transparent {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}

/* overflow */
.pui-overflow-auto {
  overflow: auto !important;
}

.pui-overflow-inherit {
  overflow: inherit !important;
}

.pui-overflow-hidden {
  overflow: hidden !important;
}

.pui-overflow-scroll {
  overflow: scroll !important;
}

.pui-overflow-visible {
  overflow: visible !important;
}

.pui-overflow-x-auto {
  overflow-x: auto !important;
}

.pui-overflow-x-inherit {
  overflow-x: inherit !important;
}

.pui-overflow-x-hidden {
  overflow-x: hidden !important;
}

.pui-overflow-x-scroll {
  overflow-x: scroll !important;
}

.pui-overflow-x-visible {
  overflow-x: visible !important;
}

.pui-overflow-y-auto {
  overflow-y: auto !important;
}

.pui-overflow-y-inherit {
  overflow-y: inherit !important;
}

.pui-overflow-y-hidden {
  overflow-y: hidden !important;
}

.pui-overflow-y-scroll {
  overflow-y: scroll !important;
}

.pui-overflow-y-visible {
  overflow-y: visible !important;
}



/* box-shadow */
.pui-box-shadow {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.18) !important;
  /* Webkit browsers */
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.18) !important;
  /* IE9+, News */
}

.pui-box-shadow-plus {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.18) !important;
  /* Webkit browsers */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.18) !important;
  /* IE9+, News */
}

.pui-box-shadow-large {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.18) !important;
  /* Webkit browsers */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18) !important;
  /* IE9+, News */
}

.pui-box-shadow-none {
  -webkit-box-shadow: none !important;
  /* Webkit browsers */
  box-shadow: none !important;
  /* IE9+, News */
}

.pui-box-shadow-top {
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.18) !important;
  /* Webkit browsers */
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.18) !important;
  /* IE9+, News */
}

.pui-box-shadow-bottom {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  /* Webkit browsers */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  /* IE9+, News */
}

/* box shadow colors */
.pui-box-shadow-gary {
  -webkit-box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-gary-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(170, 170, 170, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(170, 170, 170, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-primary {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 142, 229, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(0, 142, 229, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-primary-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 79, 127, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(0, 79, 127, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-secondary {
  -webkit-box-shadow: 1px 1px 1px rgba(59, 180, 242, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(59, 180, 242, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-secondary-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(12, 128, 187, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(12, 128, 187, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-info {
  -webkit-box-shadow: 1px 1px 1px rgba(46, 170, 198, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(46, 170, 198, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-info-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(27, 99, 115, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(27, 99, 115, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-success {
  -webkit-box-shadow: 1px 1px 1px rgba(113, 180, 114, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(113, 180, 114, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-success-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(66, 125, 67, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(66, 125, 67, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-warning {
  -webkit-box-shadow: 1px 1px 1px rgba(255, 183, 77, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(255, 183, 77, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-warning-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(230, 137, 0, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(230, 137, 0, 0.8) !important;
  /* IE9+, News */
}

.pui-box-shadow-error {
  -webkit-box-shadow: 1px 1px 1px rgba(232, 116, 103, 0.5) !important;
  /* Webkit browsers */
  box-shadow: 1px 1px 1px rgba(232, 116, 103, 0.5) !important;
  /* IE9+, News */
}

.pui-box-shadow-error-inset {
  -webkit-box-shadow: inset 1px 1px 3px rgba(202, 48, 31, 0.8) !important;
  /* Webkit browsers */
  box-shadow: inset 1px 1px 3px rgba(202, 48, 31, 0.8) !important;
  /* IE9+, News */
}

/* blockquote */
.pui-blockquote-right {
  padding-right: 15px;
  padding-right: 1.5rem;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}




/* REM width */
.pui-width-1rem {
  width: 1rem;
}

.pui-width-2rem {
  width: 2rem;
}

.pui-width-3rem {
  width: 3rem;
}

.pui-width-4rem {
  width: 4rem;
}

.pui-width-5rem {
  width: 5rem;
}

.pui-width-6rem {
  width: 6rem;
}

.pui-width-7rem {
  width: 7rem;
}

.pui-width-8rem {
  width: 8rem;
}

.pui-width-9rem {
  width: 9rem;
}

.pui-width-10rem {
  width: 10rem;
}

.pui-width-11rem {
  width: 11rem;
}

.pui-width-12rem {
  width: 12rem;
}

.pui-width-13rem {
  width: 13rem;
}

.pui-width-14rem {
  width: 14rem;
}

.pui-width-15rem {
  width: 15rem;
}

.pui-width-16rem {
  width: 16rem;
}

.pui-width-17rem {
  width: 17rem;
}

.pui-width-18rem {
  width: 18rem;
}

.pui-width-19rem {
  width: 19rem;
}

.pui-width-20rem {
  width: 20rem;
}

.pui-width-21rem {
  width: 21rem;
}

.pui-width-22rem {
  width: 22rem;
}

.pui-width-23rem {
  width: 23rem;
}

.pui-width-24rem {
  width: 24rem;
}

.pui-width-25rem {
  width: 25rem;
}

.pui-width-26rem {
  width: 26rem;
}

.pui-width-27rem {
  width: 27rem;
}

.pui-width-28rem {
  width: 28rem;
}

.pui-width-29rem {
  width: 29rem;
}

.pui-width-30rem {
  width: 30rem;
}

.pui-width-31rem {
  width: 31rem;
}

.pui-width-32rem {
  width: 32rem;
}

.pui-width-33rem {
  width: 33rem;
}

.pui-width-34rem {
  width: 34rem;
}

.pui-width-35rem {
  width: 35rem;
}

.pui-width-36rem {
  width: 36rem;
}

.pui-width-37rem {
  width: 37rem;
}

.pui-width-38rem {
  width: 38rem;
}

.pui-width-39rem {
  width: 39rem;
}

.pui-width-40rem {
  width: 40rem;
}

.pui-width-41rem {
  width: 41rem;
}

.pui-width-42rem {
  width: 42rem;
}

.pui-width-43rem {
  width: 43rem;
}

.pui-width-44rem {
  width: 44rem;
}

.pui-width-45rem {
  width: 45rem;
}

.pui-width-46rem {
  width: 46rem;
}

.pui-width-47rem {
  width: 47rem;
}

.pui-width-48rem {
  width: 48rem;
}

.pui-width-49rem {
  width: 49rem;
}

.pui-width-50rem {
  width: 50rem;
}

.pui-width-51rem {
  width: 51rem;
}

.pui-width-52rem {
  width: 52rem;
}

.pui-width-53rem {
  width: 53rem;
}

.pui-width-54rem {
  width: 54rem;
}

.pui-width-55rem {
  width: 55rem;
}

.pui-width-56rem {
  width: 56rem;
}

.pui-width-57rem {
  width: 57rem;
}

.pui-width-58rem {
  width: 58rem;
}

.pui-width-59rem {
  width: 59rem;
}

.pui-width-60rem {
  width: 60rem;
}

.pui-width-61rem {
  width: 61rem;
}

.pui-width-62rem {
  width: 62rem;
}

.pui-width-63rem {
  width: 63rem;
}

.pui-width-64rem {
  width: 64rem;
}

/* REM height */
.pui-height-1rem {
  height: 1rem;
}

.pui-height-2rem {
  height: 2rem;
}

.pui-height-3rem {
  height: 3rem;
}

.pui-height-4rem {
  height: 4rem;
}

.pui-height-5rem {
  height: 5rem;
}

.pui-height-6rem {
  height: 6rem;
}

.pui-height-7rem {
  height: 7rem;
}

.pui-height-8rem {
  height: 8rem;
}

.pui-height-9rem {
  height: 9rem;
}

.pui-height-10rem {
  height: 10rem;
}

.pui-height-11rem {
  height: 11rem;
}

.pui-height-12rem {
  height: 12rem;
}

.pui-height-13rem {
  height: 13rem;
}

.pui-height-14rem {
  height: 14rem;
}

.pui-height-15rem {
  height: 15rem;
}

.pui-height-16rem {
  height: 16rem;
}

.pui-height-17rem {
  height: 17rem;
}

.pui-height-18rem {
  height: 18rem;
}

.pui-height-19rem {
  height: 19rem;
}

.pui-height-20rem {
  height: 20rem;
}

.pui-height-21rem {
  height: 21rem;
}

.pui-height-22rem {
  height: 22rem;
}

.pui-height-23rem {
  height: 23rem;
}

.pui-height-24rem {
  height: 24rem;
}

.pui-height-25rem {
  height: 25rem;
}

.pui-height-26rem {
  height: 26rem;
}

.pui-height-27rem {
  height: 27rem;
}

.pui-height-28rem {
  height: 28rem;
}

.pui-height-29rem {
  height: 29rem;
}

.pui-height-30rem {
  height: 30rem;
}

.pui-height-31rem {
  height: 31rem;
}

.pui-height-32rem {
  height: 32rem;
}

.pui-height-33rem {
  height: 33rem;
}

.pui-height-34rem {
  height: 34rem;
}

.pui-height-35rem {
  height: 35rem;
}

.pui-height-36rem {
  height: 36rem;
}

.pui-height-37rem {
  height: 37rem;
}

.pui-height-38rem {
  height: 38rem;
}

.pui-height-39rem {
  height: 39rem;
}

.pui-height-40rem {
  height: 40rem;
}

.pui-height-41rem {
  height: 41rem;
}

.pui-height-42rem {
  height: 42rem;
}

.pui-height-43rem {
  height: 43rem;
}

.pui-height-44rem {
  height: 44rem;
}

.pui-height-45rem {
  height: 45rem;
}

.pui-height-46rem {
  height: 46rem;
}

.pui-height-47rem {
  height: 47rem;
}

.pui-height-48rem {
  height: 48rem;
}

.pui-height-49rem {
  height: 49rem;
}

.pui-height-50rem {
  height: 50rem;
}

.pui-height-51rem {
  height: 51rem;
}

.pui-height-52rem {
  height: 52rem;
}

.pui-height-53rem {
  height: 53rem;
}

.pui-height-54rem {
  height: 54rem;
}

.pui-height-55rem {
  height: 55rem;
}

.pui-height-56rem {
  height: 56rem;
}

.pui-height-57rem {
  height: 57rem;
}

.pui-height-58rem {
  height: 58rem;
}

.pui-height-59rem {
  height: 59rem;
}

.pui-height-60rem {
  height: 60rem;
}

.pui-height-61rem {
  height: 61rem;
}

.pui-height-62rem {
  height: 62rem;
}

.pui-height-63rem {
  height: 63rem;
}

.pui-height-64rem {
  height: 64rem;
}

/* ================  Layouts  ================ */
/* Layout */
.pui-layout, .pui-full-width {
  width: 100%;
}

.pui-grid, .pui-row, .pui-container, .pui-layout, .pui-full-width {
  margin: 0 auto;
}

.pui-grid:before, .pui-grid:after, .pui-row:before, .pui-row:after, .pui-container:before, .pui-container:after, .pui-layout:before, .pui-layout:after, .pui-full-width:before, .pui-full-width:after {
  content: " ";
  display: table;
}

.pui-grid:after, .pui-row:after, .pui-container:after, .pui-layout:after, .pui-full-width:after {
  clear: both;
}

.pui-container {
  padding: 0;
}

.pui-grid {
  position: relative;
  list-style: none;
  background: transparent;
}

.pui-grid > * > :last-child, .pui-grid > .pui-row:last-child {
  margin-bottom: 0;
}

.pui-row {
  position: relative;
  margin: 0 ;
}

.pui-row:before, .pui-row:after {
  display: table;
  content: " ";
}

.pui-row:after {
  clear: both;
}

.pui-row:last-child {
  margin-bottom: 0;
}

[class*=pui-grid-] {
  float: left;
  padding: 0 0px;
  position: relative;
  min-height: 1px;
}

/* grids */
.pui-grid-1 {
  width: 8.33333%;
}

.pui-grid-2 {
  width: 16.66667%;
}

.pui-grid-3 {
  width: 25%;
}

.pui-grid-4 {
  width: 33.33333%;
}

.pui-grid-5 {
  width: 41.66667%;
}

.pui-grid-6 {
  width: 50%;
}

.pui-grid-7 {
  width: 58.33333%;
}

.pui-grid-8 {
  width: 66.66667%;
}

.pui-grid-9 {
  width: 75%;
}

.pui-grid-10 {
  width: 83.33333%;
}

.pui-grid-11 {
  width: 91.66667%;
}

.pui-grid-12 {
  width: 100%;
}

.pui-grid-offset-0 {
  margin-left: 0%;
}

.pui-grid-push-0 {
  left: 0%;
}

.pui-grid-pull-0 {
  right: 0%;
}

.pui-grid-offset-1 {
  margin-left: 8.33333%;
}

.pui-grid-push-1 {
  left: 8.33333%;
}

.pui-grid-pull-1 {
  right: 8.33333%;
}

.pui-grid-offset-2 {
  margin-left: 16.66667%;
}

.pui-grid-push-2 {
  left: 16.66667%;
}

.pui-grid-pull-2 {
  right: 16.66667%;
}

.pui-grid-offset-3 {
  margin-left: 25%;
}

.pui-grid-push-3 {
  left: 25%;
}

.pui-grid-pull-3 {
  right: 25%;
}

.pui-grid-offset-4 {
  margin-left: 33.33333%;
}

.pui-grid-push-4 {
  left: 33.33333%;
}

.pui-grid-pull-4 {
  right: 33.33333%;
}

.pui-grid-offset-5 {
  margin-left: 41.66667%;
}

.pui-grid-push-5 {
  left: 41.66667%;
}

.pui-grid-pull-5 {
  right: 41.66667%;
}

.pui-grid-offset-6 {
  margin-left: 50%;
}

.pui-grid-push-6 {
  left: 50%;
}

.pui-grid-pull-6 {
  right: 50%;
}

.pui-grid-offset-7 {
  margin-left: 58.33333%;
}

.pui-grid-push-7 {
  left: 58.33333%;
}

.pui-grid-pull-7 {
  right: 58.33333%;
}

.pui-grid-offset-8 {
  margin-left: 66.66667%;
}

.pui-grid-push-8 {
  left: 66.66667%;
}

.pui-grid-pull-8 {
  right: 66.66667%;
}

.pui-grid-offset-9 {
  margin-left: 75%;
}

.pui-grid-push-9 {
  left: 75%;
}

.pui-grid-pull-9 {
  right: 75%;
}

.pui-grid-offset-10 {
  margin-left: 83.33333%;
}

.pui-grid-push-10 {
  left: 83.33333%;
}

.pui-grid-pull-10 {
  right: 83.33333%;
}

.pui-grid-offset-11 {
  margin-left: 91.66667%;
}

.pui-grid-push-11 {
  left: 91.66667%;
}

.pui-grid-pull-11 {
  right: 91.66667%;
}

.pui-row > [class*="pui-grid-"].pui-grid-uncentered {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 1rem;
}

.pui-row > [class*="pui-grid-"].pui-grid-center {
  padding: 0;
  float: none;
  clear: both;
  margin: 0 auto;
}

.pui-row > [class*="pui-grid-"].pui-grid-uncentered {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 10px;
  padding: 0 1rem;
}

.pui-row > [class*="pui-grid-"].pui-grid-center {
  padding: 0;
  float: none;
  clear: both;
  margin: 0 auto;
}

/* grid margin */
.pui-grid.pui-grid-margin-none {
  width: 100%;
  padding: 0;
}

.pui-grid.pui-grid-margin-none .pui-row {
  margin: 0;
  padding: 0;
}

.pui-grid.pui-grid-margin-none .pui-row > [class*=pui-grid-] {
  padding: 0;
}

.pui-grid.pui-grid-margin-lg {
  width: 100%;
  padding: 0;
}

.pui-grid.pui-grid-margin-lg .pui-row {
  padding: 0;
  margin: 0 -15px 30px -15px;
  margin: 0 -1.5rem 3rem -1.5rem;
}

.pui-grid.pui-grid-margin-lg .pui-row > [class*=pui-grid-] {
  padding: 0 15px;
  padding: 0 1.5rem;
}

.pui-grid.pui-grid-margin-lg .pui-row:last-child {
  margin-bottom: 0;
}

.pui-grid > .pui-row > [class*=pui-grid-] > .pui-row:last-child, .pui-grid > .pui-row:last-child {
  margin-bottom: 0;
}




/* border colors */
.pui-border-gary {
  border-color: #DDDDDD !important;
}

.pui-border-primary {
  border-color: #008EE5 !important;
}

.pui-border-secondary {
  border-color: #3BB4F2 !important;
}

.pui-border-info {
  border-color: #2EAAC6 !important;
}

.pui-border-success {
  border-color: #71B472 !important;
}

.pui-border-warning {
  border-color: #FFB74D !important;
}

.pui-border-error {
  border-color: #E87467 !important;
}

.pui-border-none {
  border-color: none !important;
}

.pui-border-white {
  border-color: white !important;
}

.pui-border-red {
  border-color: red !important;
}

.pui-border-green {
  border-color: green !important;
}

.pui-border-orange {
  border-color: orange !important;
}

.pui-border-gray {
  border-color: gray !important;
}

.pui-border-black {
  border-color: black !important;
}

.pui-border-yellow {
  border-color: yellow !important;
}

.pui-border-purple {
  border-color: purple !important;
}

.pui-border-brown {
  border-color: brown !important;
}

.pui-border-beige {
  border-color: beige !important;
}

.pui-border-khaki {
  border-color: khaki !important;
}

.pui-border-navy {
  border-color: navy !important;
}

.pui-border-pink {
  border-color: pink !important;
}

.pui-border-plum {
  border-color: plum !important;
}

.pui-border-teal {
  border-color: teal !important;
}

.pui-border-aqua {
  border-color: aqua !important;
}

.pui-border-silver {
  border-color: silver !important;
}

.pui-border-fuchsia {
  border-color: fuchsia !important;
}

.pui-border-maroon {
  border-color: maroon !important;
}

.pui-border-olive {
  border-color: olive !important;
}

.pui-border-lime {
  border-color: lime !important;
}

/* border none */
.pui-border-none, .pui-unbordered, .pui-unbordered-all > * {
  border: none !important;
}

.pui-border-top-none {
  border-top: none !important;
}

.pui-border-right-none {
  border-right: none !important;
}

.pui-border-bottom-none {
  border-bottom: none !important;
}

.pui-border-left-none {
  border-left: none !important;
}

/* border 1px */
.pui-border-1px {
  border: 1px solid #ddd !important;
}

.pui-border-dashed-1px {
  border: 1px dashed #ddd !important;
}

.pui-border-left-1px {
  border-left: 1px solid #ddd !important;
}

.pui-border-left-dashed-1px {
  border-left: 1px dashed #ddd !important;
}

.pui-border-right-1px {
  border-right: 1px solid #ddd !important;
}

.pui-border-right-dashed-1px {
  border-right: 1px dashed #ddd !important;
}

.pui-border-top-1px {
  border-top: 1px solid #ddd !important;
}

.pui-border-top-dashed-1px {
  border-top: 1px dashed #ddd !important;
}

.pui-border-bottom-1px {
  border-bottom: 1px solid #ddd !important;
}

.pui-border-bottom-dashed-1px {
  border-bottom: 1px dashed #ddd !important;
}

/* border styles */
.pui-border-dotted {
  border-style: dotted !important;
}

.pui-border-top-dotted {
  border-top-style: dotted !important;
}

.pui-border-right-dotted {
  border-right-style: dotted !important;
}

.pui-border-bottom-dotted {
  border-bottom-style: dotted !important;
}

.pui-border-left-dotted {
  border-left-style: dotted !important;
}

.pui-border-dashed {
  border-style: dashed !important;
}

.pui-border-top-dashed {
  border-top-style: dashed !important;
}

.pui-border-right-dashed {
  border-right-style: dashed !important;
}

.pui-border-bottom-dashed {
  border-bottom-style: dashed !important;
}

.pui-border-left-dashed {
  border-left-style: dashed !important;
}

.pui-border-solid {
  border-style: solid !important;
}

.pui-border-top-solid {
  border-top-style: solid !important;
}

.pui-border-right-solid {
  border-right-style: solid !important;
}

.pui-border-bottom-solid {
  border-bottom-style: solid !important;
}

.pui-border-left-solid {
  border-left-style: solid !important;
}

.pui-border-double {
  border-style: double !important;
}

.pui-border-top-double {
  border-top-style: double !important;
}

.pui-border-right-double {
  border-right-style: double !important;
}

.pui-border-bottom-double {
  border-bottom-style: double !important;
}

.pui-border-left-double {
  border-left-style: double !important;
}

/* border transparent */
.pui-border-transparent {
  border-color: transparent !important;
}

.pui-border-left-transparent {
  border-left-color: transparent !important;
}

.pui-border-right-transparent {
  border-right-color: transparent !important;
}

.pui-border-top-transparent {
  border-top-color: transparent !important;
}

.pui-border-bottom-transparent {
  border-bottom-color: transparent !important;
}

/* border-radius */
.pui-circle, .pui-circle-all > *, .pui-round, .pui-round-all > * {
  text-align: center;
  -webkit-border-radius: 500px !important;
  border-radius: 500px !important;
}

.pui-square, .pui-square-all > * {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.pui-ellipse {
  text-align: center !important;
  -webkit-border-radius: 100% !important;
  border-radius: 100% !important;
}

.pui-radius-none, .pui-square, .pui-square-all > * {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.pui-radius, .pui-radius-all > * {
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
}

.pui-radius-tr-none {
  -webkit-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.pui-radius-tl-none {
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.pui-radius-br-none {
  -webkit-border-bottom-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.pui-radius-bl-none {
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.pui-browsehappy {
  color: #fff;
  background: #FFA726;
  position: fixed;
  *position: absolute;
  text-align: center;
  padding: 4px 0 5px;
}

.pui-browsehappy .pui-close {
  color: #fff;
  float: right;
  padding: 10px;
}


/* arrow */
.pui-arrow-up, .pui-arrow-down, .pui-arrow-left, .pui-arrow-right {
  margin-top: -1px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.pui-arrow-up, .pui-arrow-down {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.pui-arrow-up {
  border-bottom: 4px solid;
}

.pui-arrow-down {
  border-top: 4px solid;
}

.pui-arrow-left, .pui-arrow-right {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.pui-arrow-left {
  border-right: 4px solid;
}

.pui-arrow-right {
  border-left: 4px solid;
}

.pui-arrow-small {
  border-width: 4px;
}

.pui-arrow-medium {
  border-width: 5px;
}

.pui-arrow-large {
  border-width: 6px;
}

.pui-arrow-xlarge {
  border-width: 7px;
}

.pui-arrow-xxlarge {
  border-width: 8px;
}


/* Material Design colors */
.pui-bg-red-50 {
  color: #fff !important;
  border-color: #FFEBEE !important;
  background-color: #FFEBEE !important;
}

.text-red-50 {
  color: #FFEBEE !important;
}

.pui-border-red-50 {
  border-color: #FFEBEE !important;
}

.pui-bg-red-100 {
  color: #fff !important;
  border-color: #FFCDD2 !important;
  background-color: #FFCDD2 !important;
}

.text-red-100 {
  color: #FFCDD2 !important;
}

.pui-border-red-100 {
  border-color: #FFCDD2 !important;
}

.pui-bg-red-200 {
  color: #fff !important;
  border-color: #EF9A9A !important;
  background-color: #EF9A9A !important;
}

.text-red-200 {
  color: #EF9A9A !important;
}

.pui-border-red-200 {
  border-color: #EF9A9A !important;
}

.pui-bg-red-300 {
  color: #fff !important;
  border-color: #E57373 !important;
  background-color: #E57373 !important;
}

.text-red-300 {
  color: #E57373 !important;
}

.pui-border-red-300 {
  border-color: #E57373 !important;
}

.pui-bg-red-400 {
  color: #fff !important;
  border-color: #EF5350 !important;
  background-color: #EF5350 !important;
}

.text-red-400 {
  color: #EF5350 !important;
}

.pui-border-red-400 {
  border-color: #EF5350 !important;
}

.pui-bg-red, .pui-bg-red-500 {
  color: #fff !important;
  border-color: #F44336 !important;
  background-color: #F44336 !important;
}

.text-red, .text-red-500 {
  color: #F44336 !important;
}

.pui-border-red, .pui-border-red-500 {
  border-color: #F44336 !important;
}

.pui-bg-red-600 {
  color: #fff !important;
  border-color: #E53935 !important;
  background-color: #E53935 !important;
}

.text-red-600 {
  color: #E53935 !important;
}

.pui-border-red-600 {
  border-color: #E53935 !important;
}

.pui-bg-red-700 {
  color: #fff !important;
  border-color: #D32F2F !important;
  background-color: #D32F2F !important;
}

.text-red-700 {
  color: #D32F2F !important;
}

.pui-border-red-700 {
  border-color: #D32F2F !important;
}

.pui-bg-red-800 {
  color: #fff !important;
  border-color: #C62828 !important;
  background-color: #C62828 !important;
}

.text-red-800 {
  color: #C62828 !important;
}

.pui-border-red-800 {
  border-color: #C62828 !important;
}

.pui-bg-red-900 {
  color: #fff !important;
  border-color: #B71C1C !important;
  background-color: #B71C1C !important;
}

.text-red-900 {
  color: #B71C1C !important;
}

.pui-border-red-900 {
  border-color: #B71C1C !important;
}

.pui-bg-red-A100 {
  color: #fff !important;
  border-color: #FF8A80 !important;
  background-color: #FF8A80 !important;
}

.text-red-A100 {
  color: #FF8A80 !important;
}

.pui-border-red-A100 {
  border-color: #FF8A80 !important;
}

.pui-bg-red-A200 {
  color: #fff !important;
  border-color: #FF5252 !important;
  background-color: #FF5252 !important;
}

.text-red-A200 {
  color: #FF5252 !important;
}

.pui-border-red-A200 {
  border-color: #FF5252 !important;
}

.pui-bg-red-A400 {
  color: #fff !important;
  border-color: #FF1744 !important;
  background-color: #FF1744 !important;
}

.text-red-A400 {
  color: #FF1744 !important;
}

.pui-border-red-A400 {
  border-color: #FF1744 !important;
}

.pui-bg-red-A700 {
  color: #fff !important;
  border-color: #D50000 !important;
  background-color: #D50000 !important;
}

.text-red-A700 {
  color: #D50000 !important;
}

.pui-border-red-A700 {
  border-color: #D50000 !important;
}

.pui-bg-pink-50 {
  color: #fff !important;
  border-color: #FCE4EC !important;
  background-color: #FCE4EC !important;
}

.text-pink-50 {
  color: #FCE4EC !important;
}

.pui-border-pink-50 {
  border-color: #FCE4EC !important;
}

.pui-bg-pink-100 {
  color: #fff !important;
  border-color: #F8BBD0 !important;
  background-color: #F8BBD0 !important;
}

.text-pink-100 {
  color: #F8BBD0 !important;
}

.pui-border-pink-100 {
  border-color: #F8BBD0 !important;
}

.pui-bg-pink-200 {
  color: #fff !important;
  border-color: #F48FB1 !important;
  background-color: #F48FB1 !important;
}

.text-pink-200 {
  color: #F48FB1 !important;
}

.pui-border-pink-200 {
  border-color: #F48FB1 !important;
}

.pui-bg-pink-300 {
  color: #fff !important;
  border-color: #F06292 !important;
  background-color: #F06292 !important;
}

.text-pink-300 {
  color: #F06292 !important;
}

.pui-border-pink-300 {
  border-color: #F06292 !important;
}

.pui-bg-pink-400 {
  color: #fff !important;
  border-color: #EC407A !important;
  background-color: #EC407A !important;
}

.text-pink-400 {
  color: #EC407A !important;
}

.pui-border-pink-400 {
  border-color: #EC407A !important;
}

.pui-bg-pink, .pui-bg-pink-500 {
  color: #fff !important;
  border-color: #E91E63 !important;
  background-color: #E91E63 !important;
}

.text-pink, .text-pink-500 {
  color: #E91E63 !important;
}

.pui-border-pink, .pui-border-pink-500 {
  border-color: #E91E63 !important;
}

.pui-bg-pink-600 {
  color: #fff !important;
  border-color: #D81B60 !important;
  background-color: #D81B60 !important;
}

.text-pink-600 {
  color: #D81B60 !important;
}

.pui-border-pink-600 {
  border-color: #D81B60 !important;
}

.pui-bg-pink-700 {
  color: #fff !important;
  border-color: #C2185B !important;
  background-color: #C2185B !important;
}

.text-pink-700 {
  color: #C2185B !important;
}

.pui-border-pink-700 {
  border-color: #C2185B !important;
}

.pui-bg-pink-800 {
  color: #fff !important;
  border-color: #AD1457 !important;
  background-color: #AD1457 !important;
}

.text-pink-800 {
  color: #AD1457 !important;
}

.pui-border-pink-800 {
  border-color: #AD1457 !important;
}

.pui-bg-pink-900 {
  color: #fff !important;
  border-color: #880E4F !important;
  background-color: #880E4F !important;
}

.text-pink-900 {
  color: #880E4F !important;
}

.pui-border-pink-900 {
  border-color: #880E4F !important;
}

.pui-bg-pink-A100 {
  color: #fff !important;
  border-color: #FF80AB !important;
  background-color: #FF80AB !important;
}

.text-pink-A100 {
  color: #FF80AB !important;
}

.pui-border-pink-A100 {
  border-color: #FF80AB !important;
}

.pui-bg-pink-A200 {
  color: #fff !important;
  border-color: #FF4081 !important;
  background-color: #FF4081 !important;
}

.text-pink-A200 {
  color: #FF4081 !important;
}

.pui-border-pink-A200 {
  border-color: #FF4081 !important;
}

.pui-bg-pink-A400 {
  color: #fff !important;
  border-color: #F50057 !important;
  background-color: #F50057 !important;
}

.text-pink-A400 {
  color: #F50057 !important;
}

.pui-border-pink-A400 {
  border-color: #F50057 !important;
}

.pui-bg-pink-A700 {
  color: #fff !important;
  border-color: #C51162 !important;
  background-color: #C51162 !important;
}

.text-pink-A700 {
  color: #C51162 !important;
}

.pui-border-pink-A700 {
  border-color: #C51162 !important;
}

.pui-bg-purple-50 {
  color: #fff !important;
  border-color: #F3E5F5 !important;
  background-color: #F3E5F5 !important;
}

.text-purple-50 {
  color: #F3E5F5 !important;
}

.pui-border-purple-50 {
  border-color: #F3E5F5 !important;
}

.pui-bg-purple-100 {
  color: #fff !important;
  border-color: #E1BEE7 !important;
  background-color: #E1BEE7 !important;
}

.text-purple-100 {
  color: #E1BEE7 !important;
}

.pui-border-purple-100 {
  border-color: #E1BEE7 !important;
}

.pui-bg-purple-200 {
  color: #fff !important;
  border-color: #CE93D8 !important;
  background-color: #CE93D8 !important;
}

.text-purple-200 {
  color: #CE93D8 !important;
}

.pui-border-purple-200 {
  border-color: #CE93D8 !important;
}

.pui-bg-purple-300 {
  color: #fff !important;
  border-color: #BA68C8 !important;
  background-color: #BA68C8 !important;
}

.text-purple-300 {
  color: #BA68C8 !important;
}

.pui-border-purple-300 {
  border-color: #BA68C8 !important;
}

.pui-bg-purple-400 {
  color: #fff !important;
  border-color: #AB47BC !important;
  background-color: #AB47BC !important;
}

.text-purple-400 {
  color: #AB47BC !important;
}

.pui-border-purple-400 {
  border-color: #AB47BC !important;
}

.pui-bg-purple, .pui-bg-purple-500 {
  color: #fff !important;
  border-color: #9C27B0 !important;
  background-color: #9C27B0 !important;
}

.text-purple, .text-purple-500 {
  color: #9C27B0 !important;
}

.pui-border-purple, .pui-border-purple-500 {
  border-color: #9C27B0 !important;
}

.pui-bg-purple-600 {
  color: #fff !important;
  border-color: #8E24AA !important;
  background-color: #8E24AA !important;
}

.text-purple-600 {
  color: #8E24AA !important;
}

.pui-border-purple-600 {
  border-color: #8E24AA !important;
}

.pui-bg-purple-700 {
  color: #fff !important;
  border-color: #7B1FA2 !important;
  background-color: #7B1FA2 !important;
}

.text-purple-700 {
  color: #7B1FA2 !important;
}

.pui-border-purple-700 {
  border-color: #7B1FA2 !important;
}

.pui-bg-purple-800 {
  color: #fff !important;
  border-color: #6A1B9A !important;
  background-color: #6A1B9A !important;
}

.text-purple-800 {
  color: #6A1B9A !important;
}

.pui-border-purple-800 {
  border-color: #6A1B9A !important;
}

.pui-bg-purple-900 {
  color: #fff !important;
  border-color: #4A148C !important;
  background-color: #4A148C !important;
}

.text-purple-900 {
  color: #4A148C !important;
}

.pui-border-purple-900 {
  border-color: #4A148C !important;
}

.pui-bg-purple-A100 {
  color: #fff !important;
  border-color: #EA80FC !important;
  background-color: #EA80FC !important;
}

.text-purple-A100 {
  color: #EA80FC !important;
}

.pui-border-purple-A100 {
  border-color: #EA80FC !important;
}

.pui-bg-purple-A200 {
  color: #fff !important;
  border-color: #E040FB !important;
  background-color: #E040FB !important;
}

.text-purple-A200 {
  color: #E040FB !important;
}

.pui-border-purple-A200 {
  border-color: #E040FB !important;
}

.pui-bg-purple-A400 {
  color: #fff !important;
  border-color: #D500F9 !important;
  background-color: #D500F9 !important;
}

.text-purple-A400 {
  color: #D500F9 !important;
}

.pui-border-purple-A400 {
  border-color: #D500F9 !important;
}

.pui-bg-purple-A700 {
  color: #fff !important;
  border-color: #AA00FF !important;
  background-color: #AA00FF !important;
}

.text-purple-A700 {
  color: #AA00FF !important;
}

.pui-border-purple-A700 {
  border-color: #AA00FF !important;
}

.pui-bg-deep-purple-50 {
  color: #fff !important;
  border-color: #EDE7F6 !important;
  background-color: #EDE7F6 !important;
}

.text-deep-purple-50 {
  color: #EDE7F6 !important;
}

.pui-border-deep-purple-50 {
  border-color: #EDE7F6 !important;
}

.pui-bg-deep-purple-100 {
  color: #fff !important;
  border-color: #D1C4E9 !important;
  background-color: #D1C4E9 !important;
}

.text-deep-purple-100 {
  color: #D1C4E9 !important;
}

.pui-border-deep-purple-100 {
  border-color: #D1C4E9 !important;
}

.pui-bg-deep-purple-200 {
  color: #fff !important;
  border-color: #B39DDB !important;
  background-color: #B39DDB !important;
}

.text-deep-purple-200 {
  color: #B39DDB !important;
}

.pui-border-deep-purple-200 {
  border-color: #B39DDB !important;
}

.pui-bg-deep-purple-300 {
  color: #fff !important;
  border-color: #9575CD !important;
  background-color: #9575CD !important;
}

.text-deep-purple-300 {
  color: #9575CD !important;
}

.pui-border-deep-purple-300 {
  border-color: #9575CD !important;
}

.pui-bg-deep-purple-400 {
  color: #fff !important;
  border-color: #7E57C2 !important;
  background-color: #7E57C2 !important;
}

.text-deep-purple-400 {
  color: #7E57C2 !important;
}

.pui-border-deep-purple-400 {
  border-color: #7E57C2 !important;
}

.pui-bg-deep-purple, .pui-bg-deep-purple-500 {
  color: #fff !important;
  border-color: #673AB7 !important;
  background-color: #673AB7 !important;
}

.text-deep-purple, .text-deep-purple-500 {
  color: #673AB7 !important;
}

.pui-border-deep-purple, .pui-border-deep-purple-500 {
  border-color: #673AB7 !important;
}

.pui-bg-deep-purple-600 {
  color: #fff !important;
  border-color: #5E35B1 !important;
  background-color: #5E35B1 !important;
}

.text-deep-purple-600 {
  color: #5E35B1 !important;
}

.pui-border-deep-purple-600 {
  border-color: #5E35B1 !important;
}

.pui-bg-deep-purple-700 {
  color: #fff !important;
  border-color: #512DA8 !important;
  background-color: #512DA8 !important;
}

.text-deep-purple-700 {
  color: #512DA8 !important;
}

.pui-border-deep-purple-700 {
  border-color: #512DA8 !important;
}

.pui-bg-deep-purple-800 {
  color: #fff !important;
  border-color: #4527A0 !important;
  background-color: #4527A0 !important;
}

.text-deep-purple-800 {
  color: #4527A0 !important;
}

.pui-border-deep-purple-800 {
  border-color: #4527A0 !important;
}

.pui-bg-deep-purple-900 {
  color: #fff !important;
  border-color: #311B92 !important;
  background-color: #311B92 !important;
}

.text-deep-purple-900 {
  color: #311B92 !important;
}

.pui-border-deep-purple-900 {
  border-color: #311B92 !important;
}

.pui-bg-deep-purple-A100 {
  color: #fff !important;
  border-color: #B388FF !important;
  background-color: #B388FF !important;
}

.text-deep-purple-A100 {
  color: #B388FF !important;
}

.pui-border-deep-purple-A100 {
  border-color: #B388FF !important;
}

.pui-bg-deep-purple-A200 {
  color: #fff !important;
  border-color: #7C4DFF !important;
  background-color: #7C4DFF !important;
}

.text-deep-purple-A200 {
  color: #7C4DFF !important;
}

.pui-border-deep-purple-A200 {
  border-color: #7C4DFF !important;
}

.pui-bg-deep-purple-A400 {
  color: #fff !important;
  border-color: #651FFF !important;
  background-color: #651FFF !important;
}

.text-deep-purple-A400 {
  color: #651FFF !important;
}

.pui-border-deep-purple-A400 {
  border-color: #651FFF !important;
}

.pui-bg-deep-purple-A700 {
  color: #fff !important;
  border-color: #6200EA !important;
  background-color: #6200EA !important;
}

.text-deep-purple-A700 {
  color: #6200EA !important;
}

.pui-border-deep-purple-A700 {
  border-color: #6200EA !important;
}

.pui-bg-indigo-50 {
  color: #fff !important;
  border-color: #E8EAF6 !important;
  background-color: #E8EAF6 !important;
}

.text-indigo-50 {
  color: #E8EAF6 !important;
}

.pui-border-indigo-50 {
  border-color: #E8EAF6 !important;
}

.pui-bg-indigo-100 {
  color: #fff !important;
  border-color: #C5CAE9 !important;
  background-color: #C5CAE9 !important;
}

.text-indigo-100 {
  color: #C5CAE9 !important;
}

.pui-border-indigo-100 {
  border-color: #C5CAE9 !important;
}

.pui-bg-indigo-200 {
  color: #fff !important;
  border-color: #9FA8DA !important;
  background-color: #9FA8DA !important;
}

.text-indigo-200 {
  color: #9FA8DA !important;
}

.pui-border-indigo-200 {
  border-color: #9FA8DA !important;
}

.pui-bg-indigo-300 {
  color: #fff !important;
  border-color: #7986CB !important;
  background-color: #7986CB !important;
}

.text-indigo-300 {
  color: #7986CB !important;
}

.pui-border-indigo-300 {
  border-color: #7986CB !important;
}

.pui-bg-indigo-400 {
  color: #fff !important;
  border-color: #5C6BC0 !important;
  background-color: #5C6BC0 !important;
}

.text-indigo-400 {
  color: #5C6BC0 !important;
}

.pui-border-indigo-400 {
  border-color: #5C6BC0 !important;
}

.pui-bg-indigo, .pui-bg-indigo-500 {
  color: #fff !important;
  border-color: #3F51B5 !important;
  background-color: #3F51B5 !important;
}

.text-indigo, .text-indigo-500 {
  color: #3F51B5 !important;
}

.pui-border-indigo, .pui-border-indigo-500 {
  border-color: #3F51B5 !important;
}

.pui-bg-indigo-600 {
  color: #fff !important;
  border-color: #3949AB !important;
  background-color: #3949AB !important;
}

.text-indigo-600 {
  color: #3949AB !important;
}

.pui-border-indigo-600 {
  border-color: #3949AB !important;
}

.pui-bg-indigo-700 {
  color: #fff !important;
  border-color: #303F9F !important;
  background-color: #303F9F !important;
}

.text-indigo-700 {
  color: #303F9F !important;
}

.pui-border-indigo-700 {
  border-color: #303F9F !important;
}

.pui-bg-indigo-800 {
  color: #fff !important;
  border-color: #283593 !important;
  background-color: #283593 !important;
}

.text-indigo-800 {
  color: #283593 !important;
}

.pui-border-indigo-800 {
  border-color: #283593 !important;
}

.pui-bg-indigo-900 {
  color: #fff !important;
  border-color: #1A237E !important;
  background-color: #1A237E !important;
}

.text-indigo-900 {
  color: #1A237E !important;
}

.pui-border-indigo-900 {
  border-color: #1A237E !important;
}

.pui-bg-indigo-A100 {
  color: #fff !important;
  border-color: #8C9EFF !important;
  background-color: #8C9EFF !important;
}

.text-indigo-A100 {
  color: #8C9EFF !important;
}

.pui-border-indigo-A100 {
  border-color: #8C9EFF !important;
}

.pui-bg-indigo-A200 {
  color: #fff !important;
  border-color: #536DFE !important;
  background-color: #536DFE !important;
}

.text-indigo-A200 {
  color: #536DFE !important;
}

.pui-border-indigo-A200 {
  border-color: #536DFE !important;
}

.pui-bg-indigo-A400 {
  color: #fff !important;
  border-color: #3D5AFE !important;
  background-color: #3D5AFE !important;
}

.text-indigo-A400 {
  color: #3D5AFE !important;
}

.pui-border-indigo-A400 {
  border-color: #3D5AFE !important;
}

.pui-bg-indigo-A700 {
  color: #fff !important;
  border-color: #304FFE !important;
  background-color: #304FFE !important;
}

.text-indigo-A700 {
  color: #304FFE !important;
}

.pui-border-indigo-A700 {
  border-color: #304FFE !important;
}

.pui-bg-blue-50 {
  color: #fff !important;
  border-color: #E3F2FD !important;
  background-color: #E3F2FD !important;
}

.text-blue-50 {
  color: #E3F2FD !important;
}

.pui-border-blue-50 {
  border-color: #E3F2FD !important;
}

.pui-bg-blue-100 {
  color: #fff !important;
  border-color: #BBDEFB !important;
  background-color: #BBDEFB !important;
}

.text-blue-100 {
  color: #BBDEFB !important;
}

.pui-border-blue-100 {
  border-color: #BBDEFB !important;
}

.pui-bg-blue-200 {
  color: #fff !important;
  border-color: #90CAF9 !important;
  background-color: #90CAF9 !important;
}

.text-blue-200 {
  color: #90CAF9 !important;
}

.pui-border-blue-200 {
  border-color: #90CAF9 !important;
}

.pui-bg-blue-300 {
  color: #fff !important;
  border-color: #64B5F6 !important;
  background-color: #64B5F6 !important;
}

.text-blue-300 {
  color: #64B5F6 !important;
}

.pui-border-blue-300 {
  border-color: #64B5F6 !important;
}

.pui-bg-blue-400 {
  color: #fff !important;
  border-color: #42A5F5 !important;
  background-color: #42A5F5 !important;
}

.text-blue-400 {
  color: #42A5F5 !important;
}

.pui-border-blue-400 {
  border-color: #42A5F5 !important;
}

.pui-bg-blue, .pui-bg-blue-500 {
  color: #fff !important;
  border-color: #2196F3 !important;
  background-color: #2196F3 !important;
}

.text-blue, .text-blue-500 {
  color: #2196F3 !important;
}

.pui-border-blue, .pui-border-blue-500 {
  border-color: #2196F3 !important;
}

.pui-bg-blue-600 {
  color: #fff !important;
  border-color: #1E88E5 !important;
  background-color: #1E88E5 !important;
}

.text-blue-600 {
  color: #1E88E5 !important;
}

.pui-border-blue-600 {
  border-color: #1E88E5 !important;
}

.pui-bg-blue-700 {
  color: #fff !important;
  border-color: #1976D2 !important;
  background-color: #1976D2 !important;
}

.text-blue-700 {
  color: #1976D2 !important;
}

.pui-border-blue-700 {
  border-color: #1976D2 !important;
}

.pui-bg-blue-800 {
  color: #fff !important;
  border-color: #1565C0 !important;
  background-color: #1565C0 !important;
}

.text-blue-800 {
  color: #1565C0 !important;
}

.pui-border-blue-800 {
  border-color: #1565C0 !important;
}

.pui-bg-blue-900 {
  color: #fff !important;
  border-color: #0D47A1 !important;
  background-color: #0D47A1 !important;
}

.text-blue-900 {
  color: #0D47A1 !important;
}

.pui-border-blue-900 {
  border-color: #0D47A1 !important;
}

.pui-bg-blue-A100 {
  color: #fff !important;
  border-color: #82B1FF !important;
  background-color: #82B1FF !important;
}

.text-blue-A100 {
  color: #82B1FF !important;
}

.pui-border-blue-A100 {
  border-color: #82B1FF !important;
}

.pui-bg-blue-A200 {
  color: #fff !important;
  border-color: #448AFF !important;
  background-color: #448AFF !important;
}

.text-blue-A200 {
  color: #448AFF !important;
}

.pui-border-blue-A200 {
  border-color: #448AFF !important;
}

.pui-bg-blue-A400 {
  color: #fff !important;
  border-color: #2979FF !important;
  background-color: #2979FF !important;
}

.text-blue-A400 {
  color: #2979FF !important;
}

.pui-border-blue-A400 {
  border-color: #2979FF !important;
}

.pui-bg-blue-A700 {
  color: #fff !important;
  border-color: #2962FF !important;
  background-color: #2962FF !important;
}

.text-blue-A700 {
  color: #2962FF !important;
}

.pui-border-blue-A700 {
  border-color: #2962FF !important;
}

.pui-bg-light-blue-50 {
  color: #fff !important;
  border-color: #E1F5FE !important;
  background-color: #E1F5FE !important;
}

.text-light-blue-50 {
  color: #E1F5FE !important;
}

.pui-border-light-blue-50 {
  border-color: #E1F5FE !important;
}

.pui-bg-light-blue-100 {
  color: #fff !important;
  border-color: #B3E5FC !important;
  background-color: #B3E5FC !important;
}

.text-light-blue-100 {
  color: #B3E5FC !important;
}

.pui-border-light-blue-100 {
  border-color: #B3E5FC !important;
}

.pui-bg-light-blue-200 {
  color: #fff !important;
  border-color: #81D4FA !important;
  background-color: #81D4FA !important;
}

.text-light-blue-200 {
  color: #81D4FA !important;
}

.pui-border-light-blue-200 {
  border-color: #81D4FA !important;
}

.pui-bg-light-blue-300 {
  color: #fff !important;
  border-color: #4FC3F7 !important;
  background-color: #4FC3F7 !important;
}

.text-light-blue-300 {
  color: #4FC3F7 !important;
}

.pui-border-light-blue-300 {
  border-color: #4FC3F7 !important;
}

.pui-bg-light-blue-400 {
  color: #fff !important;
  border-color: #29B6F6 !important;
  background-color: #29B6F6 !important;
}

.text-light-blue-400 {
  color: #29B6F6 !important;
}

.pui-border-light-blue-400 {
  border-color: #29B6F6 !important;
}

.pui-bg-light-blue, .pui-bg-light-blue-500 {
  color: #fff !important;
  border-color: #03A9F4 !important;
  background-color: #03A9F4 !important;
}

.text-light-blue, .text-light-blue-500 {
  color: #03A9F4 !important;
}

.pui-border-light-blue, .pui-border-light-blue-500 {
  border-color: #03A9F4 !important;
}

.pui-bg-light-blue-600 {
  color: #fff !important;
  border-color: #039BE5 !important;
  background-color: #039BE5 !important;
}

.text-light-blue-600 {
  color: #039BE5 !important;
}

.pui-border-light-blue-600 {
  border-color: #039BE5 !important;
}

.pui-bg-light-blue-700 {
  color: #fff !important;
  border-color: #0288D1 !important;
  background-color: #0288D1 !important;
}

.text-light-blue-700 {
  color: #0288D1 !important;
}

.pui-border-light-blue-700 {
  border-color: #0288D1 !important;
}

.pui-bg-light-blue-800 {
  color: #fff !important;
  border-color: #0277BD !important;
  background-color: #0277BD !important;
}

.text-light-blue-800 {
  color: #0277BD !important;
}

.pui-border-light-blue-800 {
  border-color: #0277BD !important;
}

.pui-bg-light-blue-900 {
  color: #fff !important;
  border-color: #01579B !important;
  background-color: #01579B !important;
}

.text-light-blue-900 {
  color: #01579B !important;
}

.pui-border-light-blue-900 {
  border-color: #01579B !important;
}

.pui-bg-light-blue-A100 {
  color: #fff !important;
  border-color: #80D8FF !important;
  background-color: #80D8FF !important;
}

.text-light-blue-A100 {
  color: #80D8FF !important;
}

.pui-border-light-blue-A100 {
  border-color: #80D8FF !important;
}

.pui-bg-light-blue-A200 {
  color: #fff !important;
  border-color: #40C4FF !important;
  background-color: #40C4FF !important;
}

.text-light-blue-A200 {
  color: #40C4FF !important;
}

.pui-border-light-blue-A200 {
  border-color: #40C4FF !important;
}

.pui-bg-light-blue-A400 {
  color: #fff !important;
  border-color: #00B0FF !important;
  background-color: #00B0FF !important;
}

.text-light-blue-A400 {
  color: #00B0FF !important;
}

.pui-border-light-blue-A400 {
  border-color: #00B0FF !important;
}

.pui-bg-light-blue-A700 {
  color: #fff !important;
  border-color: #0091EA !important;
  background-color: #0091EA !important;
}

.text-light-blue-A700 {
  color: #0091EA !important;
}

.pui-border-light-blue-A700 {
  border-color: #0091EA !important;
}

.pui-bg-cyan-50 {
  color: #fff !important;
  border-color: #E0F7FA !important;
  background-color: #E0F7FA !important;
}

.text-cyan-50 {
  color: #E0F7FA !important;
}

.pui-border-cyan-50 {
  border-color: #E0F7FA !important;
}

.pui-bg-cyan-100 {
  color: #fff !important;
  border-color: #B2EBF2 !important;
  background-color: #B2EBF2 !important;
}

.text-cyan-100 {
  color: #B2EBF2 !important;
}

.pui-border-cyan-100 {
  border-color: #B2EBF2 !important;
}

.pui-bg-cyan-200 {
  color: #fff !important;
  border-color: #80DEEA !important;
  background-color: #80DEEA !important;
}

.text-cyan-200 {
  color: #80DEEA !important;
}

.pui-border-cyan-200 {
  border-color: #80DEEA !important;
}

.pui-bg-cyan-300 {
  color: #fff !important;
  border-color: #4DD0E1 !important;
  background-color: #4DD0E1 !important;
}

.text-cyan-300 {
  color: #4DD0E1 !important;
}

.pui-border-cyan-300 {
  border-color: #4DD0E1 !important;
}

.pui-bg-cyan-400 {
  color: #fff !important;
  border-color: #26C6DA !important;
  background-color: #26C6DA !important;
}

.text-cyan-400 {
  color: #26C6DA !important;
}

.pui-border-cyan-400 {
  border-color: #26C6DA !important;
}

.pui-bg-cyan, .pui-bg-cyan-500 {
  color: #fff !important;
  border-color: #00BCD4 !important;
  background-color: #00BCD4 !important;
}

.text-cyan, .text-cyan-500 {
  color: #00BCD4 !important;
}

.pui-border-cyan, .pui-border-cyan-500 {
  border-color: #00BCD4 !important;
}

.pui-bg-cyan-600 {
  color: #fff !important;
  border-color: #00ACC1 !important;
  background-color: #00ACC1 !important;
}

.text-cyan-600 {
  color: #00ACC1 !important;
}

.pui-border-cyan-600 {
  border-color: #00ACC1 !important;
}

.pui-bg-cyan-700 {
  color: #fff !important;
  border-color: #0097A7 !important;
  background-color: #0097A7 !important;
}

.text-cyan-700 {
  color: #0097A7 !important;
}

.pui-border-cyan-700 {
  border-color: #0097A7 !important;
}

.pui-bg-cyan-800 {
  color: #fff !important;
  border-color: #00838F !important;
  background-color: #00838F !important;
}

.text-cyan-800 {
  color: #00838F !important;
}

.pui-border-cyan-800 {
  border-color: #00838F !important;
}

.pui-bg-cyan-900 {
  color: #fff !important;
  border-color: #006064 !important;
  background-color: #006064 !important;
}

.text-cyan-900 {
  color: #006064 !important;
}

.pui-border-cyan-900 {
  border-color: #006064 !important;
}

.pui-bg-cyan-A100 {
  color: #fff !important;
  border-color: #84FFFF !important;
  background-color: #84FFFF !important;
}

.text-cyan-A100 {
  color: #84FFFF !important;
}

.pui-border-cyan-A100 {
  border-color: #84FFFF !important;
}

.pui-bg-cyan-A200 {
  color: #fff !important;
  border-color: #18FFFF !important;
  background-color: #18FFFF !important;
}

.text-cyan-A200 {
  color: #18FFFF !important;
}

.pui-border-cyan-A200 {
  border-color: #18FFFF !important;
}

.pui-bg-cyan-A400 {
  color: #fff !important;
  border-color: #00E5FF !important;
  background-color: #00E5FF !important;
}

.text-cyan-A400 {
  color: #00E5FF !important;
}

.pui-border-cyan-A400 {
  border-color: #00E5FF !important;
}

.pui-bg-cyan-A700 {
  color: #fff !important;
  border-color: #00B8D4 !important;
  background-color: #00B8D4 !important;
}

.text-cyan-A700 {
  color: #00B8D4 !important;
}

.pui-border-cyan-A700 {
  border-color: #00B8D4 !important;
}

.pui-bg-teal-50 {
  color: #fff !important;
  border-color: #E0F2F1 !important;
  background-color: #E0F2F1 !important;
}

.text-teal-50 {
  color: #E0F2F1 !important;
}

.pui-border-teal-50 {
  border-color: #E0F2F1 !important;
}

.pui-bg-teal-100 {
  color: #fff !important;
  border-color: #B2DFDB !important;
  background-color: #B2DFDB !important;
}

.text-teal-100 {
  color: #B2DFDB !important;
}

.pui-border-teal-100 {
  border-color: #B2DFDB !important;
}

.pui-bg-teal-200 {
  color: #fff !important;
  border-color: #80CBC4 !important;
  background-color: #80CBC4 !important;
}

.text-teal-200 {
  color: #80CBC4 !important;
}

.pui-border-teal-200 {
  border-color: #80CBC4 !important;
}

.pui-bg-teal-300 {
  color: #fff !important;
  border-color: #4DB6AC !important;
  background-color: #4DB6AC !important;
}

.text-teal-300 {
  color: #4DB6AC !important;
}

.pui-border-teal-300 {
  border-color: #4DB6AC !important;
}

.pui-bg-teal-400 {
  color: #fff !important;
  border-color: #26A69A !important;
  background-color: #26A69A !important;
}

.text-teal-400 {
  color: #26A69A !important;
}

.pui-border-teal-400 {
  border-color: #26A69A !important;
}

.pui-bg-teal, .pui-bg-teal-500 {
  color: #fff !important;
  border-color: #009688 !important;
  background-color: #009688 !important;
}

.text-teal, .text-teal-500 {
  color: #009688 !important;
}

.pui-border-teal, .pui-border-teal-500 {
  border-color: #009688 !important;
}

.pui-bg-teal-600 {
  color: #fff !important;
  border-color: #00897B !important;
  background-color: #00897B !important;
}

.text-teal-600 {
  color: #00897B !important;
}

.pui-border-teal-600 {
  border-color: #00897B !important;
}

.pui-bg-teal-700 {
  color: #fff !important;
  border-color: #00796B !important;
  background-color: #00796B !important;
}

.text-teal-700 {
  color: #00796B !important;
}

.pui-border-teal-700 {
  border-color: #00796B !important;
}

.pui-bg-teal-800 {
  color: #fff !important;
  border-color: #00695C !important;
  background-color: #00695C !important;
}

.text-teal-800 {
  color: #00695C !important;
}

.pui-border-teal-800 {
  border-color: #00695C !important;
}

.pui-bg-teal-900 {
  color: #fff !important;
  border-color: #004D40 !important;
  background-color: #004D40 !important;
}

.text-teal-900 {
  color: #004D40 !important;
}

.pui-border-teal-900 {
  border-color: #004D40 !important;
}

.pui-bg-teal-A100 {
  color: #fff !important;
  border-color: #A7FFEB !important;
  background-color: #A7FFEB !important;
}

.text-teal-A100 {
  color: #A7FFEB !important;
}

.pui-border-teal-A100 {
  border-color: #A7FFEB !important;
}

.pui-bg-teal-A200 {
  color: #fff !important;
  border-color: #64FFDA !important;
  background-color: #64FFDA !important;
}

.text-teal-A200 {
  color: #64FFDA !important;
}

.pui-border-teal-A200 {
  border-color: #64FFDA !important;
}

.pui-bg-teal-A400 {
  color: #fff !important;
  border-color: #1DE9B6 !important;
  background-color: #1DE9B6 !important;
}

.text-teal-A400 {
  color: #1DE9B6 !important;
}

.pui-border-teal-A400 {
  border-color: #1DE9B6 !important;
}

.pui-bg-teal-A700 {
  color: #fff !important;
  border-color: #00BFA5 !important;
  background-color: #00BFA5 !important;
}

.text-teal-A700 {
  color: #00BFA5 !important;
}

.pui-border-teal-A700 {
  border-color: #00BFA5 !important;
}

.pui-bg-green-50 {
  color: #fff !important;
  border-color: #E8F5E9 !important;
  background-color: #E8F5E9 !important;
}

.text-green-50 {
  color: #E8F5E9 !important;
}

.pui-border-green-50 {
  border-color: #E8F5E9 !important;
}

.pui-bg-green-100 {
  color: #fff !important;
  border-color: #C8E6C9 !important;
  background-color: #C8E6C9 !important;
}

.text-green-100 {
  color: #C8E6C9 !important;
}

.pui-border-green-100 {
  border-color: #C8E6C9 !important;
}

.pui-bg-green-200 {
  color: #fff !important;
  border-color: #A5D6A7 !important;
  background-color: #A5D6A7 !important;
}

.text-green-200 {
  color: #A5D6A7 !important;
}

.pui-border-green-200 {
  border-color: #A5D6A7 !important;
}

.pui-bg-green-300 {
  color: #fff !important;
  border-color: #81C784 !important;
  background-color: #81C784 !important;
}

.text-green-300 {
  color: #81C784 !important;
}

.pui-border-green-300 {
  border-color: #81C784 !important;
}

.pui-bg-green-400 {
  color: #fff !important;
  border-color: #66BB6A !important;
  background-color: #66BB6A !important;
}

.text-green-400 {
  color: #66BB6A !important;
}

.pui-border-green-400 {
  border-color: #66BB6A !important;
}

.pui-bg-green, .pui-bg-green-500 {
  color: #fff !important;
  border-color: #4CAF50 !important;
  background-color: #4CAF50 !important;
}

.text-green, .text-green-500 {
  color: #4CAF50 !important;
}

.pui-border-green, .pui-border-green-500 {
  border-color: #4CAF50 !important;
}

.pui-bg-green-600 {
  color: #fff !important;
  border-color: #43A047 !important;
  background-color: #43A047 !important;
}

.text-green-600 {
  color: #43A047 !important;
}

.pui-border-green-600 {
  border-color: #43A047 !important;
}

.pui-bg-green-700 {
  color: #fff !important;
  border-color: #388E3C !important;
  background-color: #388E3C !important;
}

.text-green-700 {
  color: #388E3C !important;
}

.pui-border-green-700 {
  border-color: #388E3C !important;
}

.pui-bg-green-800 {
  color: #fff !important;
  border-color: #2E7D32 !important;
  background-color: #2E7D32 !important;
}

.text-green-800 {
  color: #2E7D32 !important;
}

.pui-border-green-800 {
  border-color: #2E7D32 !important;
}

.pui-bg-green-900 {
  color: #fff !important;
  border-color: #1B5E20 !important;
  background-color: #1B5E20 !important;
}

.text-green-900 {
  color: #1B5E20 !important;
}

.pui-border-green-900 {
  border-color: #1B5E20 !important;
}

.pui-bg-green-A100 {
  color: #fff !important;
  border-color: #B9F6CA !important;
  background-color: #B9F6CA !important;
}

.text-green-A100 {
  color: #B9F6CA !important;
}

.pui-border-green-A100 {
  border-color: #B9F6CA !important;
}

.pui-bg-green-A200 {
  color: #fff !important;
  border-color: #69F0AE !important;
  background-color: #69F0AE !important;
}

.text-green-A200 {
  color: #69F0AE !important;
}

.pui-border-green-A200 {
  border-color: #69F0AE !important;
}

.pui-bg-green-A400 {
  color: #fff !important;
  border-color: #00E676 !important;
  background-color: #00E676 !important;
}

.text-green-A400 {
  color: #00E676 !important;
}

.pui-border-green-A400 {
  border-color: #00E676 !important;
}

.pui-bg-green-A700 {
  color: #fff !important;
  border-color: #00C853 !important;
  background-color: #00C853 !important;
}

.text-green-A700 {
  color: #00C853 !important;
}

.pui-border-green-A700 {
  border-color: #00C853 !important;
}

.pui-bg-light-green-50 {
  color: #fff !important;
  border-color: #F1F8E9 !important;
  background-color: #F1F8E9 !important;
}

.text-light-green-50 {
  color: #F1F8E9 !important;
}

.pui-border-light-green-50 {
  border-color: #F1F8E9 !important;
}

.pui-bg-light-green-100 {
  color: #fff !important;
  border-color: #DCEDC8 !important;
  background-color: #DCEDC8 !important;
}

.text-light-green-100 {
  color: #DCEDC8 !important;
}

.pui-border-light-green-100 {
  border-color: #DCEDC8 !important;
}

.pui-bg-light-green-200 {
  color: #fff !important;
  border-color: #C5E1A5 !important;
  background-color: #C5E1A5 !important;
}

.text-light-green-200 {
  color: #C5E1A5 !important;
}

.pui-border-light-green-200 {
  border-color: #C5E1A5 !important;
}

.pui-bg-light-green-300 {
  color: #fff !important;
  border-color: #AED581 !important;
  background-color: #AED581 !important;
}

.text-light-green-300 {
  color: #AED581 !important;
}

.pui-border-light-green-300 {
  border-color: #AED581 !important;
}

.pui-bg-light-green-400 {
  color: #fff !important;
  border-color: #9CCC65 !important;
  background-color: #9CCC65 !important;
}

.text-light-green-400 {
  color: #9CCC65 !important;
}

.pui-border-light-green-400 {
  border-color: #9CCC65 !important;
}

.pui-bg-light-green, .pui-bg-light-green-500 {
  color: #fff !important;
  border-color: #8BC34A !important;
  background-color: #8BC34A !important;
}

.text-light-green, .text-light-green-500 {
  color: #8BC34A !important;
}

.pui-border-light-green, .pui-border-light-green-500 {
  border-color: #8BC34A !important;
}

.pui-bg-light-green-600 {
  color: #fff !important;
  border-color: #7CB342 !important;
  background-color: #7CB342 !important;
}

.text-light-green-600 {
  color: #7CB342 !important;
}

.pui-border-light-green-600 {
  border-color: #7CB342 !important;
}

.pui-bg-light-green-700 {
  color: #fff !important;
  border-color: #689F38 !important;
  background-color: #689F38 !important;
}

.text-light-green-700 {
  color: #689F38 !important;
}

.pui-border-light-green-700 {
  border-color: #689F38 !important;
}

.pui-bg-light-green-800 {
  color: #fff !important;
  border-color: #558B2F !important;
  background-color: #558B2F !important;
}

.text-light-green-800 {
  color: #558B2F !important;
}

.pui-border-light-green-800 {
  border-color: #558B2F !important;
}

.pui-bg-light-green-900 {
  color: #fff !important;
  border-color: #33691E !important;
  background-color: #33691E !important;
}

.text-light-green-900 {
  color: #33691E !important;
}

.pui-border-light-green-900 {
  border-color: #33691E !important;
}

.pui-bg-light-green-A100 {
  color: #fff !important;
  border-color: #CCFF90 !important;
  background-color: #CCFF90 !important;
}

.text-light-green-A100 {
  color: #CCFF90 !important;
}

.pui-border-light-green-A100 {
  border-color: #CCFF90 !important;
}

.pui-bg-light-green-A200 {
  color: #fff !important;
  border-color: #B2FF59 !important;
  background-color: #B2FF59 !important;
}

.text-light-green-A200 {
  color: #B2FF59 !important;
}

.pui-border-light-green-A200 {
  border-color: #B2FF59 !important;
}

.pui-bg-light-green-A400 {
  color: #fff !important;
  border-color: #76FF03 !important;
  background-color: #76FF03 !important;
}

.text-light-green-A400 {
  color: #76FF03 !important;
}

.pui-border-light-green-A400 {
  border-color: #76FF03 !important;
}

.pui-bg-light-green-A700 {
  color: #fff !important;
  border-color: #64DD17 !important;
  background-color: #64DD17 !important;
}

.text-light-green-A700 {
  color: #64DD17 !important;
}

.pui-border-light-green-A700 {
  border-color: #64DD17 !important;
}

.pui-bg-lime-50 {
  color: #fff !important;
  border-color: #F9FBE7 !important;
  background-color: #F9FBE7 !important;
}

.text-lime-50 {
  color: #F9FBE7 !important;
}

.pui-border-lime-50 {
  border-color: #F9FBE7 !important;
}

.pui-bg-lime-100 {
  color: #fff !important;
  border-color: #F0F4C3 !important;
  background-color: #F0F4C3 !important;
}

.text-lime-100 {
  color: #F0F4C3 !important;
}

.pui-border-lime-100 {
  border-color: #F0F4C3 !important;
}

.pui-bg-lime-200 {
  color: #fff !important;
  border-color: #E6EE9C !important;
  background-color: #E6EE9C !important;
}

.text-lime-200 {
  color: #E6EE9C !important;
}

.pui-border-lime-200 {
  border-color: #E6EE9C !important;
}

.pui-bg-lime-300 {
  color: #fff !important;
  border-color: #DCE775 !important;
  background-color: #DCE775 !important;
}

.text-lime-300 {
  color: #DCE775 !important;
}

.pui-border-lime-300 {
  border-color: #DCE775 !important;
}

.pui-bg-lime-400 {
  color: #fff !important;
  border-color: #D4E157 !important;
  background-color: #D4E157 !important;
}

.text-lime-400 {
  color: #D4E157 !important;
}

.pui-border-lime-400 {
  border-color: #D4E157 !important;
}

.pui-bg-lime, .pui-bg-lime-500 {
  color: #fff !important;
  border-color: #CDDC39 !important;
  background-color: #CDDC39 !important;
}

.text-lime, .text-lime-500 {
  color: #CDDC39 !important;
}

.pui-border-lime, .pui-border-lime-500 {
  border-color: #CDDC39 !important;
}

.pui-bg-lime-600 {
  color: #fff !important;
  border-color: #C0CA33 !important;
  background-color: #C0CA33 !important;
}

.text-lime-600 {
  color: #C0CA33 !important;
}

.pui-border-lime-600 {
  border-color: #C0CA33 !important;
}

.pui-bg-lime-700 {
  color: #fff !important;
  border-color: #AFB42B !important;
  background-color: #AFB42B !important;
}

.text-lime-700 {
  color: #AFB42B !important;
}

.pui-border-lime-700 {
  border-color: #AFB42B !important;
}

.pui-bg-lime-800 {
  color: #fff !important;
  border-color: #9E9D24 !important;
  background-color: #9E9D24 !important;
}

.text-lime-800 {
  color: #9E9D24 !important;
}

.pui-border-lime-800 {
  border-color: #9E9D24 !important;
}

.pui-bg-lime-900 {
  color: #fff !important;
  border-color: #827717 !important;
  background-color: #827717 !important;
}

.text-lime-900 {
  color: #827717 !important;
}

.pui-border-lime-900 {
  border-color: #827717 !important;
}

.pui-bg-lime-A100 {
  color: #fff !important;
  border-color: #F4FF81 !important;
  background-color: #F4FF81 !important;
}

.text-lime-A100 {
  color: #F4FF81 !important;
}

.pui-border-lime-A100 {
  border-color: #F4FF81 !important;
}

.pui-bg-lime-A200 {
  color: #fff !important;
  border-color: #EEFF41 !important;
  background-color: #EEFF41 !important;
}

.text-lime-A200 {
  color: #EEFF41 !important;
}

.pui-border-lime-A200 {
  border-color: #EEFF41 !important;
}

.pui-bg-lime-A400 {
  color: #fff !important;
  border-color: #C6FF00 !important;
  background-color: #C6FF00 !important;
}

.text-lime-A400 {
  color: #C6FF00 !important;
}

.pui-border-lime-A400 {
  border-color: #C6FF00 !important;
}

.pui-bg-lime-A700 {
  color: #fff !important;
  border-color: #AEEA00 !important;
  background-color: #AEEA00 !important;
}

.text-lime-A700 {
  color: #AEEA00 !important;
}

.pui-border-lime-A700 {
  border-color: #AEEA00 !important;
}

.pui-bg-yellow-50 {
  color: #fff !important;
  border-color: #FFFDE7 !important;
  background-color: #FFFDE7 !important;
}

.text-yellow-50 {
  color: #FFFDE7 !important;
}

.pui-border-yellow-50 {
  border-color: #FFFDE7 !important;
}

.pui-bg-yellow-100 {
  color: #fff !important;
  border-color: #FFF9C4 !important;
  background-color: #FFF9C4 !important;
}

.text-yellow-100 {
  color: #FFF9C4 !important;
}

.pui-border-yellow-100 {
  border-color: #FFF9C4 !important;
}

.pui-bg-yellow-200 {
  color: #fff !important;
  border-color: #FFF59D !important;
  background-color: #FFF59D !important;
}

.text-yellow-200 {
  color: #FFF59D !important;
}

.pui-border-yellow-200 {
  border-color: #FFF59D !important;
}

.pui-bg-yellow-300 {
  color: #fff !important;
  border-color: #FFF176 !important;
  background-color: #FFF176 !important;
}

.text-yellow-300 {
  color: #FFF176 !important;
}

.pui-border-yellow-300 {
  border-color: #FFF176 !important;
}

.pui-bg-yellow-400 {
  color: #fff !important;
  border-color: #FFEE58 !important;
  background-color: #FFEE58 !important;
}

.text-yellow-400 {
  color: #FFEE58 !important;
}

.pui-border-yellow-400 {
  border-color: #FFEE58 !important;
}

.pui-bg-yellow, .pui-bg-yellow-500 {
  color: #fff !important;
  border-color: #FFEB3B !important;
  background-color: #FFEB3B !important;
}

.text-yellow, .text-yellow-500 {
  color: #FFEB3B !important;
}

.pui-border-yellow, .pui-border-yellow-500 {
  border-color: #FFEB3B !important;
}

.pui-bg-yellow-600 {
  color: #fff !important;
  border-color: #FDD835 !important;
  background-color: #FDD835 !important;
}

.text-yellow-600 {
  color: #FDD835 !important;
}

.pui-border-yellow-600 {
  border-color: #FDD835 !important;
}

.pui-bg-yellow-700 {
  color: #fff !important;
  border-color: #FBC02D !important;
  background-color: #FBC02D !important;
}

.text-yellow-700 {
  color: #FBC02D !important;
}

.pui-border-yellow-700 {
  border-color: #FBC02D !important;
}

.pui-bg-yellow-800 {
  color: #fff !important;
  border-color: #F9A825 !important;
  background-color: #F9A825 !important;
}

.text-yellow-800 {
  color: #F9A825 !important;
}

.pui-border-yellow-800 {
  border-color: #F9A825 !important;
}

.pui-bg-yellow-900 {
  color: #fff !important;
  border-color: #F57F17 !important;
  background-color: #F57F17 !important;
}

.text-yellow-900 {
  color: #F57F17 !important;
}

.pui-border-yellow-900 {
  border-color: #F57F17 !important;
}

.pui-bg-yellow-A100 {
  color: #fff !important;
  border-color: #FFFF8D !important;
  background-color: #FFFF8D !important;
}

.text-yellow-A100 {
  color: #FFFF8D !important;
}

.pui-border-yellow-A100 {
  border-color: #FFFF8D !important;
}

.pui-bg-yellow-A200 {
  color: #fff !important;
  border-color: #FFFF00 !important;
  background-color: #FFFF00 !important;
}

.text-yellow-A200 {
  color: #FFFF00 !important;
}

.pui-border-yellow-A200 {
  border-color: #FFFF00 !important;
}

.pui-bg-yellow-A400 {
  color: #fff !important;
  border-color: #FFEA00 !important;
  background-color: #FFEA00 !important;
}

.text-yellow-A400 {
  color: #FFEA00 !important;
}

.pui-border-yellow-A400 {
  border-color: #FFEA00 !important;
}

.pui-bg-yellow-A700 {
  color: #fff !important;
  border-color: #FFD600 !important;
  background-color: #FFD600 !important;
}

.text-yellow-A700 {
  color: #FFD600 !important;
}

.pui-border-yellow-A700 {
  border-color: #FFD600 !important;
}

.pui-bg-amber-50 {
  color: #fff !important;
  border-color: #FFF8E1 !important;
  background-color: #FFF8E1 !important;
}

.text-amber-50 {
  color: #FFF8E1 !important;
}

.pui-border-amber-50 {
  border-color: #FFF8E1 !important;
}

.pui-bg-amber-100 {
  color: #fff !important;
  border-color: #FFECB3 !important;
  background-color: #FFECB3 !important;
}

.text-amber-100 {
  color: #FFECB3 !important;
}

.pui-border-amber-100 {
  border-color: #FFECB3 !important;
}

.pui-bg-amber-200 {
  color: #fff !important;
  border-color: #FFE082 !important;
  background-color: #FFE082 !important;
}

.text-amber-200 {
  color: #FFE082 !important;
}

.pui-border-amber-200 {
  border-color: #FFE082 !important;
}

.pui-bg-amber-300 {
  color: #fff !important;
  border-color: #FFD54F !important;
  background-color: #FFD54F !important;
}

.text-amber-300 {
  color: #FFD54F !important;
}

.pui-border-amber-300 {
  border-color: #FFD54F !important;
}

.pui-bg-amber-400 {
  color: #fff !important;
  border-color: #FFCA28 !important;
  background-color: #FFCA28 !important;
}

.text-amber-400 {
  color: #FFCA28 !important;
}

.pui-border-amber-400 {
  border-color: #FFCA28 !important;
}

.pui-bg-amber, .pui-bg-amber-500 {
  color: #fff !important;
  border-color: #FFC107 !important;
  background-color: #FFC107 !important;
}

.text-amber, .text-amber-500 {
  color: #FFC107 !important;
}

.pui-border-amber, .pui-border-amber-500 {
  border-color: #FFC107 !important;
}

.pui-bg-amber-600 {
  color: #fff !important;
  border-color: #FFB300 !important;
  background-color: #FFB300 !important;
}

.text-amber-600 {
  color: #FFB300 !important;
}

.pui-border-amber-600 {
  border-color: #FFB300 !important;
}

.pui-bg-amber-700 {
  color: #fff !important;
  border-color: #FFA000 !important;
  background-color: #FFA000 !important;
}

.text-amber-700 {
  color: #FFA000 !important;
}

.pui-border-amber-700 {
  border-color: #FFA000 !important;
}

.pui-bg-amber-800 {
  color: #fff !important;
  border-color: #FF8F00 !important;
  background-color: #FF8F00 !important;
}

.text-amber-800 {
  color: #FF8F00 !important;
}

.pui-border-amber-800 {
  border-color: #FF8F00 !important;
}

.pui-bg-amber-900 {
  color: #fff !important;
  border-color: #FF6F00 !important;
  background-color: #FF6F00 !important;
}

.text-amber-900 {
  color: #FF6F00 !important;
}

.pui-border-amber-900 {
  border-color: #FF6F00 !important;
}

.pui-bg-amber-A100 {
  color: #fff !important;
  border-color: #FFE57F !important;
  background-color: #FFE57F !important;
}

.text-amber-A100 {
  color: #FFE57F !important;
}

.pui-border-amber-A100 {
  border-color: #FFE57F !important;
}

.pui-bg-amber-A200 {
  color: #fff !important;
  border-color: #FFD740 !important;
  background-color: #FFD740 !important;
}

.text-amber-A200 {
  color: #FFD740 !important;
}

.pui-border-amber-A200 {
  border-color: #FFD740 !important;
}

.pui-bg-amber-A400 {
  color: #fff !important;
  border-color: #FFC400 !important;
  background-color: #FFC400 !important;
}

.text-amber-A400 {
  color: #FFC400 !important;
}

.pui-border-amber-A400 {
  border-color: #FFC400 !important;
}

.pui-bg-amber-A700 {
  color: #fff !important;
  border-color: #FFAB00 !important;
  background-color: #FFAB00 !important;
}

.text-amber-A700 {
  color: #FFAB00 !important;
}

.pui-border-amber-A700 {
  border-color: #FFAB00 !important;
}

.pui-bg-orange-50 {
  color: #fff !important;
  border-color: #FFF3E0 !important;
  background-color: #FFF3E0 !important;
}

.text-orange-50 {
  color: #FFF3E0 !important;
}

.pui-border-orange-50 {
  border-color: #FFF3E0 !important;
}

.pui-bg-orange-100 {
  color: #fff !important;
  border-color: #FFE0B2 !important;
  background-color: #FFE0B2 !important;
}

.text-orange-100 {
  color: #FFE0B2 !important;
}

.pui-border-orange-100 {
  border-color: #FFE0B2 !important;
}

.pui-bg-orange-200 {
  color: #fff !important;
  border-color: #FFCC80 !important;
  background-color: #FFCC80 !important;
}

.text-orange-200 {
  color: #FFCC80 !important;
}

.pui-border-orange-200 {
  border-color: #FFCC80 !important;
}

.pui-bg-orange-300 {
  color: #fff !important;
  border-color: #FFB74D !important;
  background-color: #FFB74D !important;
}

.text-orange-300 {
  color: #FFB74D !important;
}

.pui-border-orange-300 {
  border-color: #FFB74D !important;
}

.pui-bg-orange-400 {
  color: #fff !important;
  border-color: #FFA726 !important;
  background-color: #FFA726 !important;
}

.text-orange-400 {
  color: #FFA726 !important;
}

.pui-border-orange-400 {
  border-color: #FFA726 !important;
}

.pui-bg-orange, .pui-bg-orange-500 {
  color: #fff !important;
  border-color: #FF9800 !important;
  background-color: #FF9800 !important;
}

.text-orange, .text-orange-500 {
  color: #FF9800 !important;
}

.pui-border-orange, .pui-border-orange-500 {
  border-color: #FF9800 !important;
}

.pui-bg-orange-600 {
  color: #fff !important;
  border-color: #FB8C00 !important;
  background-color: #FB8C00 !important;
}

.text-orange-600 {
  color: #FB8C00 !important;
}

.pui-border-orange-600 {
  border-color: #FB8C00 !important;
}

.pui-bg-orange-700 {
  color: #fff !important;
  border-color: #F57C00 !important;
  background-color: #F57C00 !important;
}

.text-orange-700 {
  color: #F57C00 !important;
}

.pui-border-orange-700 {
  border-color: #F57C00 !important;
}

.pui-bg-orange-800 {
  color: #fff !important;
  border-color: #EF6C00 !important;
  background-color: #EF6C00 !important;
}

.text-orange-800 {
  color: #EF6C00 !important;
}

.pui-border-orange-800 {
  border-color: #EF6C00 !important;
}

.pui-bg-orange-900 {
  color: #fff !important;
  border-color: #E65100 !important;
  background-color: #E65100 !important;
}

.text-orange-900 {
  color: #E65100 !important;
}

.pui-border-orange-900 {
  border-color: #E65100 !important;
}

.pui-bg-orange-A100 {
  color: #fff !important;
  border-color: #FFD180 !important;
  background-color: #FFD180 !important;
}

.text-orange-A100 {
  color: #FFD180 !important;
}

.pui-border-orange-A100 {
  border-color: #FFD180 !important;
}

.pui-bg-orange-A200 {
  color: #fff !important;
  border-color: #FFAB40 !important;
  background-color: #FFAB40 !important;
}

.text-orange-A200 {
  color: #FFAB40 !important;
}

.pui-border-orange-A200 {
  border-color: #FFAB40 !important;
}

.pui-bg-orange-A400 {
  color: #fff !important;
  border-color: #FF9100 !important;
  background-color: #FF9100 !important;
}

.text-orange-A400 {
  color: #FF9100 !important;
}

.pui-border-orange-A400 {
  border-color: #FF9100 !important;
}

.pui-bg-orange-A700 {
  color: #fff !important;
  border-color: #FF6D00 !important;
  background-color: #FF6D00 !important;
}

.text-orange-A700 {
  color: #FF6D00 !important;
}

.pui-border-orange-A700 {
  border-color: #FF6D00 !important;
}

.pui-bg-deep-orange-50 {
  color: #fff !important;
  border-color: #FBE9E7 !important;
  background-color: #FBE9E7 !important;
}

.text-deep-orange-50 {
  color: #FBE9E7 !important;
}

.pui-border-deep-orange-50 {
  border-color: #FBE9E7 !important;
}

.pui-bg-deep-orange-100 {
  color: #fff !important;
  border-color: #FFCCBC !important;
  background-color: #FFCCBC !important;
}

.text-deep-orange-100 {
  color: #FFCCBC !important;
}

.pui-border-deep-orange-100 {
  border-color: #FFCCBC !important;
}

.pui-bg-deep-orange-200 {
  color: #fff !important;
  border-color: #FFAB91 !important;
  background-color: #FFAB91 !important;
}

.text-deep-orange-200 {
  color: #FFAB91 !important;
}

.pui-border-deep-orange-200 {
  border-color: #FFAB91 !important;
}

.pui-bg-deep-orange-300 {
  color: #fff !important;
  border-color: #FF8A65 !important;
  background-color: #FF8A65 !important;
}

.text-deep-orange-300 {
  color: #FF8A65 !important;
}

.pui-border-deep-orange-300 {
  border-color: #FF8A65 !important;
}

.pui-bg-deep-orange-400 {
  color: #fff !important;
  border-color: #FF7043 !important;
  background-color: #FF7043 !important;
}

.text-deep-orange-400 {
  color: #FF7043 !important;
}

.pui-border-deep-orange-400 {
  border-color: #FF7043 !important;
}

.pui-bg-deep-orange, .pui-bg-deep-orange-500 {
  color: #fff !important;
  border-color: #FF5722 !important;
  background-color: #FF5722 !important;
}

.text-deep-orange, .text-deep-orange-500 {
  color: #FF5722 !important;
}

.pui-border-deep-orange, .pui-border-deep-orange-500 {
  border-color: #FF5722 !important;
}

.pui-bg-deep-orange-600 {
  color: #fff !important;
  border-color: #F4511E !important;
  background-color: #F4511E !important;
}

.text-deep-orange-600 {
  color: #F4511E !important;
}

.pui-border-deep-orange-600 {
  border-color: #F4511E !important;
}

.pui-bg-deep-orange-700 {
  color: #fff !important;
  border-color: #E64A19 !important;
  background-color: #E64A19 !important;
}

.text-deep-orange-700 {
  color: #E64A19 !important;
}

.pui-border-deep-orange-700 {
  border-color: #E64A19 !important;
}

.pui-bg-deep-orange-800 {
  color: #fff !important;
  border-color: #D84315 !important;
  background-color: #D84315 !important;
}

.text-deep-orange-800 {
  color: #D84315 !important;
}

.pui-border-deep-orange-800 {
  border-color: #D84315 !important;
}

.pui-bg-deep-orange-900 {
  color: #fff !important;
  border-color: #BF360C !important;
  background-color: #BF360C !important;
}

.text-deep-orange-900 {
  color: #BF360C !important;
}

.pui-border-deep-orange-900 {
  border-color: #BF360C !important;
}

.pui-bg-deep-orange-A100 {
  color: #fff !important;
  border-color: #FF9E80 !important;
  background-color: #FF9E80 !important;
}

.text-deep-orange-A100 {
  color: #FF9E80 !important;
}

.pui-border-deep-orange-A100 {
  border-color: #FF9E80 !important;
}

.pui-bg-deep-orange-A200 {
  color: #fff !important;
  border-color: #FF6E40 !important;
  background-color: #FF6E40 !important;
}

.text-deep-orange-A200 {
  color: #FF6E40 !important;
}

.pui-border-deep-orange-A200 {
  border-color: #FF6E40 !important;
}

.pui-bg-deep-orange-A400 {
  color: #fff !important;
  border-color: #FF3D00 !important;
  background-color: #FF3D00 !important;
}

.text-deep-orange-A400 {
  color: #FF3D00 !important;
}

.pui-border-deep-orange-A400 {
  border-color: #FF3D00 !important;
}

.pui-bg-deep-orange-A700 {
  color: #fff !important;
  border-color: #DD2C00 !important;
  background-color: #DD2C00 !important;
}

.text-deep-orange-A700 {
  color: #DD2C00 !important;
}

.pui-border-deep-orange-A700 {
  border-color: #DD2C00 !important;
}

.pui-bg-brown-50 {
  color: #fff !important;
  border-color: #EFEBE9 !important;
  background-color: #EFEBE9 !important;
}

.text-brown-50 {
  color: #EFEBE9 !important;
}

.pui-border-brown-50 {
  border-color: #EFEBE9 !important;
}

.pui-bg-brown-100 {
  color: #fff !important;
  border-color: #D7CCC8 !important;
  background-color: #D7CCC8 !important;
}

.text-brown-100 {
  color: #D7CCC8 !important;
}

.pui-border-brown-100 {
  border-color: #D7CCC8 !important;
}

.pui-bg-brown-200 {
  color: #fff !important;
  border-color: #BCAAA4 !important;
  background-color: #BCAAA4 !important;
}

.text-brown-200 {
  color: #BCAAA4 !important;
}

.pui-border-brown-200 {
  border-color: #BCAAA4 !important;
}

.pui-bg-brown-300 {
  color: #fff !important;
  border-color: #A1887F !important;
  background-color: #A1887F !important;
}

.text-brown-300 {
  color: #A1887F !important;
}

.pui-border-brown-300 {
  border-color: #A1887F !important;
}

.pui-bg-brown-400 {
  color: #fff !important;
  border-color: #8D6E63 !important;
  background-color: #8D6E63 !important;
}

.text-brown-400 {
  color: #8D6E63 !important;
}

.pui-border-brown-400 {
  border-color: #8D6E63 !important;
}

.pui-bg-brown, .pui-bg-brown-500 {
  color: #fff !important;
  border-color: #795548 !important;
  background-color: #795548 !important;
}

.text-brown, .text-brown-500 {
  color: #795548 !important;
}

.pui-border-brown, .pui-border-brown-500 {
  border-color: #795548 !important;
}

.pui-bg-brown-600 {
  color: #fff !important;
  border-color: #6D4C41 !important;
  background-color: #6D4C41 !important;
}

.text-brown-600 {
  color: #6D4C41 !important;
}

.pui-border-brown-600 {
  border-color: #6D4C41 !important;
}

.pui-bg-brown-700 {
  color: #fff !important;
  border-color: #5D4037 !important;
  background-color: #5D4037 !important;
}

.text-brown-700 {
  color: #5D4037 !important;
}

.pui-border-brown-700 {
  border-color: #5D4037 !important;
}

.pui-bg-brown-800 {
  color: #fff !important;
  border-color: #4E342E !important;
  background-color: #4E342E !important;
}

.text-brown-800 {
  color: #4E342E !important;
}

.pui-border-brown-800 {
  border-color: #4E342E !important;
}

.pui-bg-brown-900 {
  color: #fff !important;
  border-color: #3E2723 !important;
  background-color: #3E2723 !important;
}

.text-brown-900 {
  color: #3E2723 !important;
}

.pui-border-brown-900 {
  border-color: #3E2723 !important;
}

.pui-bg-grey-50 {
  color: #fff !important;
  border-color: #FAFAFA !important;
  background-color: #FAFAFA !important;
}

.text-grey-50 {
  color: #FAFAFA !important;
}

.pui-border-grey-50 {
  border-color: #FAFAFA !important;
}

.pui-bg-grey-100 {
  color: #fff !important;
  border-color: #F5F5F5 !important;
  background-color: #F5F5F5 !important;
}

.text-grey-100 {
  color: #F5F5F5 !important;
}

.pui-border-grey-100 {
  border-color: #F5F5F5 !important;
}

.pui-bg-grey-200 {
  color: #fff !important;
  border-color: #EEEEEE !important;
  background-color: #EEEEEE !important;
}

.text-grey-200 {
  color: #EEEEEE !important;
}

.pui-border-grey-200 {
  border-color: #EEEEEE !important;
}

.pui-bg-grey-300 {
  color: #fff !important;
  border-color: #E0E0E0 !important;
  background-color: #E0E0E0 !important;
}

.text-grey-300 {
  color: #E0E0E0 !important;
}

.pui-border-grey-300 {
  border-color: #E0E0E0 !important;
}

.pui-bg-grey-400 {
  color: #fff !important;
  border-color: #BDBDBD !important;
  background-color: #BDBDBD !important;
}

.text-grey-400 {
  color: #BDBDBD !important;
}

.pui-border-grey-400 {
  border-color: #BDBDBD !important;
}

.pui-bg-grey, .pui-bg-grey-500 {
  color: #fff !important;
  border-color: #9E9E9E !important;
  background-color: #9E9E9E !important;
}

.text-grey, .text-grey-500 {
  color: #9E9E9E !important;
}

.pui-border-grey, .pui-border-grey-500 {
  border-color: #9E9E9E !important;
}

.pui-bg-grey-600 {
  color: #fff !important;
  border-color: #757575 !important;
  background-color: #757575 !important;
}

.text-grey-600 {
  color: #757575 !important;
}

.pui-border-grey-600 {
  border-color: #757575 !important;
}

.pui-bg-grey-700 {
  color: #fff !important;
  border-color: #616161 !important;
  background-color: #616161 !important;
}

.text-grey-700 {
  color: #616161 !important;
}

.pui-border-grey-700 {
  border-color: #616161 !important;
}

.pui-bg-grey-800 {
  color: #fff !important;
  border-color: #424242 !important;
  background-color: #424242 !important;
}

.text-grey-800 {
  color: #424242 !important;
}

.pui-border-grey-800 {
  border-color: #424242 !important;
}

.pui-bg-grey-900 {
  color: #fff !important;
  border-color: #212121 !important;
  background-color: #212121 !important;
}

.text-grey-900 {
  color: #212121 !important;
}

.pui-border-grey-900 {
  border-color: #212121 !important;
}

.pui-bg-blue-grey-50 {
  color: #fff !important;
  border-color: #ECEFF1 !important;
  background-color: #ECEFF1 !important;
}

.text-blue-grey-50 {
  color: #ECEFF1 !important;
}

.pui-border-blue-grey-50 {
  border-color: #ECEFF1 !important;
}

.pui-bg-blue-grey-100 {
  color: #fff !important;
  border-color: #CFD8DC !important;
  background-color: #CFD8DC !important;
}

.text-blue-grey-100 {
  color: #CFD8DC !important;
}

.pui-border-blue-grey-100 {
  border-color: #CFD8DC !important;
}

.pui-bg-blue-grey-200 {
  color: #fff !important;
  border-color: #B0BEC5 !important;
  background-color: #B0BEC5 !important;
}

.text-blue-grey-200 {
  color: #B0BEC5 !important;
}

.pui-border-blue-grey-200 {
  border-color: #B0BEC5 !important;
}

.pui-bg-blue-grey-300 {
  color: #fff !important;
  border-color: #90A4AE !important;
  background-color: #90A4AE !important;
}

.text-blue-grey-300 {
  color: #90A4AE !important;
}

.pui-border-blue-grey-300 {
  border-color: #90A4AE !important;
}

.pui-bg-blue-grey-400 {
  color: #fff !important;
  border-color: #78909C !important;
  background-color: #78909C !important;
}

.text-blue-grey-400 {
  color: #78909C !important;
}

.pui-border-blue-grey-400 {
  border-color: #78909C !important;
}

.pui-bg-blue-grey, .pui-bg-blue-grey-500 {
  color: #fff !important;
  border-color: #607D8B !important;
  background-color: #607D8B !important;
}

.text-blue-grey, .text-blue-grey-500 {
  color: #607D8B !important;
}

.pui-border-blue-grey, .pui-border-blue-grey-500 {
  border-color: #607D8B !important;
}

.pui-bg-blue-grey-600 {
  color: #fff !important;
  border-color: #546E7A !important;
  background-color: #546E7A !important;
}

.text-blue-grey-600 {
  color: #546E7A !important;
}

.pui-border-blue-grey-600 {
  border-color: #546E7A !important;
}

.pui-bg-blue-grey-700 {
  color: #fff !important;
  border-color: #455A64 !important;
  background-color: #455A64 !important;
}

.text-blue-grey-700 {
  color: #455A64 !important;
}

.pui-border-blue-grey-700 {
  border-color: #455A64 !important;
}

.pui-bg-blue-grey-800 {
  color: #fff !important;
  border-color: #37474F !important;
  background-color: #37474F !important;
}

.text-blue-grey-800 {
  color: #37474F !important;
}

.pui-border-blue-grey-800 {
  border-color: #37474F !important;
}

.pui-bg-blue-grey-900 {
  color: #fff !important;
  border-color: #263238 !important;
  background-color: #263238 !important;
}

.text-blue-grey-900 {
  color: #263238 !important;
}

.pui-border-blue-grey-900 {
  border-color: #263238 !important;
}

.pui-bg-black, .pui-bg-black-500 {
  color: #fff !important;
  border-color: #000000 !important;
  background-color: #000000 !important;
}

.text-black, .text-black-500 {
  color: #000000 !important;
}

.pui-border-black, .pui-border-black-500 {
  border-color: #000000 !important;
}

.pui-bg-white, .pui-bg-white-500 {
  color: #fff !important;
  border-color: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.text-white, .text-white-500 {
  color: #FFFFFF !important;
}

.pui-border-white, .pui-border-white-500 {
  border-color: #FFFFFF !important;
}

.pui-white, .pui-white-500 {
  color: #666 !important;
}


/* badge */
.pui-badge {
  cursor: pointer;
  min-width: 24px;
  padding: 0 2px 1px;
  padding: 0 0.2rem 1px;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* Safari, Chrome */
  -moz-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* Firefox 4.0~16.0 */
  transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.pui-badge.pui-badge-default {
  color: #ccc;
  background: #fff;
  border: 1px solid #ddd;
}

.pui-badge.pui-badge-default a {
  color: #999;
}

html.no-touch .pui-badge.pui-badge-default:hover, .pui-badge.pui-badge-default.hover {
  color: #999;
  background-color: #f6f6f6;
}

.pui-badge.pui-badge-grey {
  color: #ccc;
  background: #f6f6f6;
  border: 1px solid #ddd;
}

.pui-badge.pui-badge-grey a {
  color: #ccc;
}

html.no-touch .pui-badge.pui-badge-grey:hover, .pui-badge.pui-badge-grey.hover {
  color: #ccc;
  background-color: #eee;
}

.pui-badge.pui-badge-gary {
  color: #fff;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}

.pui-badge.pui-badge-gary a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-gary:hover, .pui-badge.pui-badge-gary.hover {
  color: #fff;
  background-color: #c4c4c4;
}

.pui-badge.pui-badge-border-gary {
  color: #DDDDDD;
  border-color: #DDDDDD;
}

html.no-touch .pui-badge.pui-badge-border-gary:hover, .pui-badge.pui-badge-border-gary.hover {
  color: #fff;
  background-color: #c4c4c4;
}

.pui-badge.pui-badge-primary {
  color: #fff;
  border-color: #008EE5;
  background-color: #008EE5;
}

.pui-badge.pui-badge-primary a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-primary:hover, .pui-badge.pui-badge-primary.hover {
  color: #fff;
  background-color: #006eb2;
}

.pui-badge.pui-badge-border-primary {
  color: #008EE5;
  border-color: #008EE5;
}

html.no-touch .pui-badge.pui-badge-border-primary:hover, .pui-badge.pui-badge-border-primary.hover {
  color: #fff;
  background-color: #006eb2;
}

.pui-badge.pui-badge-secondary {
  color: #fff;
  border-color: #3BB4F2;
  background-color: #3BB4F2;
}

.pui-badge.pui-badge-secondary a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-secondary:hover, .pui-badge.pui-badge-secondary.hover {
  color: #fff;
  background-color: #10a0ea;
}

.pui-badge.pui-badge-border-secondary {
  color: #3BB4F2;
  border-color: #3BB4F2;
}

html.no-touch .pui-badge.pui-badge-border-secondary:hover, .pui-badge.pui-badge-border-secondary.hover {
  color: #fff;
  background-color: #10a0ea;
}

.pui-badge.pui-badge-info {
  color: #fff;
  border-color: #2EAAC6;
  background-color: #2EAAC6;
}

.pui-badge.pui-badge-info a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-info:hover, .pui-badge.pui-badge-info.hover {
  color: #fff;
  background-color: #24869d;
}

.pui-badge.pui-badge-border-info {
  color: #2EAAC6;
  border-color: #2EAAC6;
}

html.no-touch .pui-badge.pui-badge-border-info:hover, .pui-badge.pui-badge-border-info.hover {
  color: #fff;
  background-color: #24869d;
}

.pui-badge.pui-badge-success {
  color: #fff;
  border-color: #71B472;
  background-color: #71B472;
}

.pui-badge.pui-badge-success a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-success:hover, .pui-badge.pui-badge-success.hover {
  color: #fff;
  background-color: #549e55;
}

.pui-badge.pui-badge-border-success {
  color: #71B472;
  border-color: #71B472;
}

html.no-touch .pui-badge.pui-badge-border-success:hover, .pui-badge.pui-badge-border-success.hover {
  color: #fff;
  background-color: #549e55;
}

.pui-badge.pui-badge-warning {
  color: #fff;
  border-color: #FFB74D;
  background-color: #FFB74D;
}

.pui-badge.pui-badge-warning a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-warning:hover, .pui-badge.pui-badge-warning.hover {
  color: #fff;
  background-color: #ffa21a;
}

.pui-badge.pui-badge-border-warning {
  color: #FFB74D;
  border-color: #FFB74D;
}

html.no-touch .pui-badge.pui-badge-border-warning:hover, .pui-badge.pui-badge-border-warning.hover {
  color: #fff;
  background-color: #ffa21a;
}

.pui-badge.pui-badge-error {
  color: #fff;
  border-color: #E87467;
  background-color: #E87467;
}

.pui-badge.pui-badge-error a {
  color: #fff;
}

html.no-touch .pui-badge.pui-badge-error:hover, .pui-badge.pui-badge-error.hover {
  color: #fff;
  background-color: #e14b3b;
}

.pui-badge.pui-badge-border-error {
  color: #E87467;
  border-color: #E87467;
}

html.no-touch .pui-badge.pui-badge-border-error:hover, .pui-badge.pui-badge-border-error.hover {
  color: #fff;
  background-color: #e14b3b;
}

.pui-badge.pui-badge-unbordered {
  border: none;
}

.pui-badge.pui-badge-circle {
  -webkit-border-radius: 400px;
  border-radius: 400px;
}

.pui-badge.pui-badge-square {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-badge.pui-badge-dot {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  padding: 0;
  line-height: 14px;
  text-indent: -9999em;
  border-radius: 5px;
}


/* Tables */
.pui-table {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  margin: 2rem auto;
  background: #fff;
  table-layout: fixed;
  position: relative;
}

.pui-table th, .pui-table td {
  padding: 6px;
  padding: 0.6rem;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

.pui-table tr.gary > td, .pui-table tr.gary > th, .pui-table th.gary, .pui-table td.gary {
  color: #fff;
  background-color: #DDDDDD;
  border-color: #DDDDDD;
}

.pui-table tr.primary > td, .pui-table tr.primary > th, .pui-table th.primary, .pui-table td.primary {
  color: #fff;
  background-color: #008EE5;
  border-color: #008EE5;
}

.pui-table tr.secondary > td, .pui-table tr.secondary > th, .pui-table th.secondary, .pui-table td.secondary {
  color: #fff;
  background-color: #3BB4F2;
  border-color: #3BB4F2;
}

.pui-table tr.info > td, .pui-table tr.info > th, .pui-table th.info, .pui-table td.info {
  color: #fff;
  background-color: #2EAAC6;
  border-color: #2EAAC6;
}

.pui-table tr.success > td, .pui-table tr.success > th, .pui-table th.success, .pui-table td.success {
  color: #fff;
  background-color: #71B472;
  border-color: #71B472;
}

.pui-table tr.warning > td, .pui-table tr.warning > th, .pui-table th.warning, .pui-table td.warning {
  color: #fff;
  background-color: #FFB74D;
  border-color: #FFB74D;
}

.pui-table tr.error > td, .pui-table tr.error > th, .pui-table th.error, .pui-table td.error {
  color: #fff;
  background-color: #E87467;
  border-color: #E87467;
}

.pui-table.pui-table-body-scroll > tbody {
  height: 100px;
  overflow: auto;
}

.pui-table.margin-none, .pui-table.pui-margin-none {
  margin: 0 auto;
}

.pui-table.bordered, .pui-table.bordered td, .pui-table.bordered th {
  border: 1px solid #ddd;
}

.pui-table.unbordered, .pui-table.unbordered td, .pui-table.unbordered th {
  border: none;
}

.pui-table.border-vertical {
  border: none;
  border-left: 1px solid #ddd;
}

.pui-table.border-vertical td, .pui-table.border-vertical th {
  border: none;
  border-right: 1px solid #ddd;
}

.pui-table.text-center td, .pui-table.text-center th {
  text-align: center;
}

.pui-table.text-left td, .pui-table.text-left th {
  text-align: left;
}

.pui-table.text-right td, .pui-table.text-right th {
  text-align: right;
}

.pui-table.thead-bg thead {
  background: #f6f6f6;
}

.pui-table.hover tr:nth-child(even) {
  background: #fafafa;
}

.pui-table.hover tr:hover, .pui-table.hover tr.hover {
  background: #ffffcc;
}

.pui-table.hover thead tr:hover, .pui-table.hover thead tr.hover {
  background: #f6f6f6;
}

.pui-table.uninterlaced-color tr {
  background: #fff;
}

.pui-table.uninterlaced-color tr:nth-child(even), .pui-table.uninterlaced-color tr:nth-child(odd), .pui-table.uninterlaced-color tr:hover {
  background: #fff;
}

.pui-table.compact td, .pui-table.compact th {
  padding: 3px;
  padding: 0.3rem;
}


/* background */
.pui-bg-color-none, *.pui-bg-color-none {
  background-color: none !important;
}

.pui-bg-color-white, *.pui-bg-color-white {
  background-color: white !important;
}

.pui-bg-color-red, *.pui-bg-color-red {
  background-color: red !important;
}

.pui-bg-color-green, *.pui-bg-color-green {
  background-color: green !important;
}

.pui-bg-color-orange, *.pui-bg-color-orange {
  background-color: orange !important;
}

.pui-bg-color-gray, *.pui-bg-color-gray {
  background-color: gray !important;
}

.pui-bg-color-black, *.pui-bg-color-black {
  background-color: black !important;
}

.pui-bg-color-yellow, *.pui-bg-color-yellow {
  background-color: yellow !important;
}

.pui-bg-color-purple, *.pui-bg-color-purple {
  background-color: purple !important;
}

.pui-bg-color-brown, *.pui-bg-color-brown {
  background-color: brown !important;
}

.pui-bg-color-beige, *.pui-bg-color-beige {
  background-color: beige !important;
}

.pui-bg-color-khaki, *.pui-bg-color-khaki {
  background-color: khaki !important;
}

.pui-bg-color-navy, *.pui-bg-color-navy {
  background-color: navy !important;
}

.pui-bg-color-pink, *.pui-bg-color-pink {
  background-color: pink !important;
}

.pui-bg-color-plum, *.pui-bg-color-plum {
  background-color: plum !important;
}

.pui-bg-color-teal, *.pui-bg-color-teal {
  background-color: teal !important;
}

.pui-bg-color-aqua, *.pui-bg-color-aqua {
  background-color: aqua !important;
}

.pui-bg-color-silver, *.pui-bg-color-silver {
  background-color: silver !important;
}

.pui-bg-color-fuchsia, *.pui-bg-color-fuchsia {
  background-color: fuchsia !important;
}

.pui-bg-color-maroon, *.pui-bg-color-maroon {
  background-color: maroon !important;
}

.pui-bg-color-olive, *.pui-bg-color-olive {
  background-color: olive !important;
}

.pui-bg-color-lime, *.pui-bg-color-lime {
  background-color: lime !important;
}

.pui-bg-none {
  background: none !important;
}

.pui-bg-transparent {
  background: transparent !important;
}

.pui-bg-scroll {
  background-attachment: scroll !important;
}

.pui-bg-fixed {
  background-attachment: fixed !important;
}

.pui-bg-pos-center {
  background-position: center center !important;
}

.pui-bg-pos-cl {
  background-position: center left !important;
}

.pui-bg-pos-cr {
  background-position: center right !important;
}

.pui-bg-pos-tl {
  background-position: top left !important;
}

.pui-bg-pos-tr {
  background-position: top right !important;
}

.pui-bg-pos-tc {
  background-position: top center !important;
}

.pui-bg-pos-bl {
  background-position: bottom left !important;
}

.pui-bg-pos-br {
  background-position: bottom right !important;
}

.pui-bg-pos-bc {
  background-position: bottom center !important;
}

.pui-bg-repeat {
  background-repeat: repeat !important;
}

.pui-bg-repeat-x {
  background-repeat: repeat-x !important;
}

.pui-bg-repeat-y {
  background-repeat: repeat-y !important;
}

.pui-bg-no-repeat {
  background-repeat: no-repeat !important;
}

.pui-bg-cover {
  background-size: cover !important;
}

.pui-blur, .pui-bg-blur, .pui-blur-all > * {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=12, MakeShadow=false);
  /* IE6~IE9 */
  -webkit-filter: blur(12px);
  /* Chrome, Opera, iOS, Safari */
  -moz-filter: blur(12px);
  /* Firefox(Old) */
  -ms-filter: blur(12px);
  filter: blur(12px);
}


/* images */
.pui-img-responsive, .pui-img-size-auto {
  height: auto;
  max-width: 100%;
}

.pui-img-full-width {
  width: 100%;
  height: auto;
}

.pui-img-radius {
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.pui-img-radius-plus {
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.pui-img-radius-plus-2 {
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.pui-img-radius-plus-3 {
  -webkit-border-radius: 24px;
  border-radius: 24px;
}

.pui-img-circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pui-img-thumbnail {
  padding: 4px;
  height: auto;
  max-width: 100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.pui-img-thumbnail.pui-img-thumbnail-rect {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-img-thumbnail.plus {
  padding: 5px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.pui-img-xxxs {
  width: 16px;
  width: 1.6rem;
}

.pui-img-xxs {
  width: 24px;
  width: 2.4rem;
}

.pui-img-xs {
  width: 32px;
  width: 3.2rem;
  padding: 3px;
}

.pui-img-sm {
  width: 48px;
  width: 4.8rem;
  padding: 3px;
}

.pui-img-md {
  width: 64px;
  width: 6.4rem;
}

.pui-img-lg {
  width: 96px;
  width: 9.6rem;
}

.pui-img-xl {
  width: 128px;
  width: 12.8rem;
}

.pui-img-xxl {
  width: 192px;
  width: 19.2rem;
}

.pui-img-xxxl {
  width: 256px;
  width: 25.6rem;
}

.pui-img-align-left {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.pui-img-align-right {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}


/* image grid list */
.pui-img-grid {
  margin-left: -5px;
  margin-right: -5px;
}

[class*=pui-img-grid-] {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

/* Buttons */
.pui-btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 6px 12px;
  padding: 0.6rem 1.2rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.428;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  background: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* Safari, Chrome */
  -moz-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* Firefox 4.0~16.0 */
  transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
  /* IE >9, FF >15, Opera >12.0 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

html.no-touch .pui-btn:hover, .pui-btn:focus, .pui-btn.hover, .pui-btn.focus, .pui-btn.pui-hover, .pui-btn.pui-focus {
  text-decoration: none;
}

.pui-btn:active, .pui-btn.active, .pui-btn.pui-active {
  outline: 0;
  color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
  /* Webkit browsers */
  box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
  /* IE9+, News */
}

.pui-btn .fa {
  margin-top: -3px;
  margin-top: -0.3rem;
}

*.disabled, *.pui-disabled, *[disabled], .pui-btn.disabled, .pui-btn.pui-disabled, .pui-btn[disabled], fieldset[disabled] .pui-btn,
input[type="text"].disabled, input[type="text"].pui-disabled, input[type="text"][disabled],
input[type="password"].disabled, input[type="password"].pui-disabled, input[type="password"][disabled],
input[type="email"].disabled, input[type="email"].pui-disabled, input[type="email"][disabled],
input[type="url"].disabled, input[type="url"].pui-disabled, input[type="url"][disabled],
input[type="number"].disabled, input[type="number"].pui-disabled, input[type="number"][disabled],
input[type="range"].disabled, input[type="range"].pui-disabled, input[type="range"][disabled],
input[type="date"].disabled, input[type="date"].pui-disabled, input[type="date"][disabled],
input[type="color"].disabled, input[type="color"].pui-disabled, input[type="color"][disabled],
input[type="search"].disabled, input[type="search"].pui-disabled, input[type="search"][disabled],
select.disabled, select.pui-disabled, select[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
  -webkit-box-shadow: none;
  /* Webkit browsers */
  box-shadow: none;
  /* IE9+, News */
}

.pui-btn-large, .pui-btn-group.pui-btn-large > .pui-btn {
  padding: 6px 16px;
  padding: 0.6rem 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
}

.pui-btn-medium, .pui-btn-group.pui-btn-medium > .pui-btn {
  padding: 6px 12px;
  padding: 0.6rem 1.2rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.pui-btn-small, .pui-btn-xsmall, .pui-btn-group.pui-btn-small > .pui-btn, .pui-btn-group.pui-btn-xsmall > .pui-btn {
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  /*font-size: 12px;*/
  font-size: 1.2rem;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.pui-btn-xsmall, .pui-btn-group.pui-btn-xsmall > .pui-btn {
  padding: 1px 5px;
  padding: 0.1rem 0.5rem;
  line-height: 1.5;
}

.pui-btn-default {
  color: #666;
  border-color: #ddd;
  background-color: #fff;
}

html.no-touch .pui-btn-default:hover, .pui-btn-default.hover, .pui-btn-default.pui-hover {
  color: #333;
  border-color: #ccc;
  background-color: #eee;
}

.pui-btn-default:active, .pui-btn-default.active, .pui-btn-default.pui-active {
  color: #666;
}

.pui-btn-primary, .pui-btn-secondary, .pui-btn-info, .pui-btn-success, .pui-btn-warning, .pui-btn-error {
  color: #fff;
}

html.no-touch .pui-btn-primary:hover, .pui-btn-primary.hover, .pui-btn-primary.pui-hover, html.no-touch .pui-btn-secondary:hover, .pui-btn-secondary.hover, .pui-btn-secondary.pui-hover, html.no-touch .pui-btn-info:hover, .pui-btn-info.hover, .pui-btn-info.pui-hover, html.no-touch .pui-btn-success:hover, .pui-btn-success.hover, .pui-btn-success.pui-hover, html.no-touch .pui-btn-warning:hover, .pui-btn-warning.hover, .pui-btn-warning.pui-hover, html.no-touch .pui-btn-error:hover, .pui-btn-error.hover, .pui-btn-error.pui-hover {
  color: #fff;
}

.pui-btn-gary {
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}

html.no-touch .pui-btn-gary:hover, .pui-btn-gary.hover, .pui-btn-gary.pui-hover {
  border-color: #c4c4c4;
  background-color: #c4c4c4;
}

.pui-btn-primary {
  color: #fff;
  border-color: #008EE5;
  background-color: #008EE5;
}

html.no-touch .pui-btn-primary:hover, .pui-btn-primary.hover, .pui-btn-primary.pui-hover {
  border-color: #006eb2;
  background-color: #006eb2;
}

.pui-btn-secondary {
  color: #fff;
  border-color: #3BB4F2;
  background-color: #3BB4F2;
}

html.no-touch .pui-btn-secondary:hover, .pui-btn-secondary.hover, .pui-btn-secondary.pui-hover {
  border-color: #10a0ea;
  background-color: #10a0ea;
}

.pui-btn-info {
  color: #fff;
  border-color: #2EAAC6;
  background-color: #2EAAC6;
}

html.no-touch .pui-btn-info:hover, .pui-btn-info.hover, .pui-btn-info.pui-hover {
  border-color: #24869d;
  background-color: #24869d;
}

.pui-btn-success {
  color: #fff;
  border-color: #71B472;
  background-color: #71B472;
}

html.no-touch .pui-btn-success:hover, .pui-btn-success.hover, .pui-btn-success.pui-hover {
  border-color: #549e55;
  background-color: #549e55;
}

.pui-btn-warning {
  color: #fff;
  border-color: #FFB74D;
  background-color: #FFB74D;
}

html.no-touch .pui-btn-warning:hover, .pui-btn-warning.hover, .pui-btn-warning.pui-hover {
  border-color: #ffa21a;
  background-color: #ffa21a;
}

.pui-btn-error {
  color: #fff;
  border-color: #E87467;
  background-color: #E87467;
}

html.no-touch .pui-btn-error:hover, .pui-btn-error.hover, .pui-btn-error.pui-hover {
  border-color: #e14b3b;
  background-color: #e14b3b;
}

a.pui-btn-primary {
  color: #fff;
}

a.pui-btn-secondary {
  color: #fff;
}

a.pui-btn-info {
  color: #fff;
}

a.pui-btn-success {
  color: #fff;
}

a.pui-btn-warning {
  color: #fff;
}

a.pui-btn-error {
  color: #fff;
}

.pui-btn-link {
  background: none;
  border-color: #fff;
}

html.no-touch .pui-btn-link:hover, .pui-btn-link.hover, .pui-btn-link.pui-hover {
  color: #0093F2;
  text-decoration: underline;
}

.pui-btn-link.active, .pui-btn-link.pui-active {
  color: #666;
}

/* button group */
.pui-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: transparent;
}

.pui-btn-group > .pui-btn {
  float: left;
}

.pui-btn-group > .pui-btn-default + .pui-btn-default {
  border-left: none;
}

.pui-btn-group > .pui-btn:not(:first-child) {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pui-btn-group > .pui-btn:not(:last-child) {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pui-btn-group-vertical .pui-btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-btn-group-vertical .pui-btn-default + .pui-btn-default {
  border-top: none;
  border-left: 1px solid #ddd;
}

.pui-btn-group-vertical .pui-btn-group {
  margin-bottom: 1rem;
}

.pui-btn-group-vertical .pui-btn:first-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pui-btn-group-vertical .pui-btn:last-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pui-btn-group-justify {
  width: 100%;
  background: transparent;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-btn-group-justify > .pui-btn {
  float: none;
  width: 100%;
  display: block;
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-btn-toolbar {
  background: transparent;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.pui-btn-toolbar .pui-btn-group {
  float: left;
}

.pui-btn-toolbar > .pui-btn + .pui-btn, .pui-btn-toolbar > .pui-btn-group + .pui-btn, .pui-btn-toolbar > .pui-btn + .pui-btn-group, .pui-btn-toolbar > .pui-btn-group + .pui-btn-group {
  margin-left: 5px;
  margin-left: 0.5rem;
}

.pui-btn.round, .pui-btn-group.round > .pui-btn, .pui-btn-round {
  -webkit-border-radius: 500px;
  border-radius: 500px;
}

.pui-btn.square, .pui-btn-group.square > .pui-btn, .pui-btn-square {
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* button box-shadow */
.pui-btn-default.pui-btn-shadow, .pui-btn-shadow .pui-btn-default {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /* IE9+, News */
}

html.no-touch .pui-btn-default.pui-btn-shadow:hover, .pui-btn-default.pui-btn-shadow.hover, .pui-btn-default.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-default:hover, .pui-btn-shadow .pui-btn-default.hover, .pui-btn-shadow .pui-btn-default.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.pui-btn-gary.pui-btn-shadow, .pui-btn-shadow .pui-btn-gary {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-gary.pui-btn-shadow:hover, .pui-btn-gary.pui-btn-shadow.hover, .pui-btn-gary.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-gary:hover, .pui-btn-shadow .pui-btn-gary.hover, .pui-btn-shadow .pui-btn-gary.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-primary.pui-btn-shadow, .pui-btn-shadow .pui-btn-primary {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-primary.pui-btn-shadow:hover, .pui-btn-primary.pui-btn-shadow.hover, .pui-btn-primary.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-primary:hover, .pui-btn-shadow .pui-btn-primary.hover, .pui-btn-shadow .pui-btn-primary.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-secondary.pui-btn-shadow, .pui-btn-shadow .pui-btn-secondary {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-secondary.pui-btn-shadow:hover, .pui-btn-secondary.pui-btn-shadow.hover, .pui-btn-secondary.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-secondary:hover, .pui-btn-shadow .pui-btn-secondary.hover, .pui-btn-shadow .pui-btn-secondary.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-info.pui-btn-shadow, .pui-btn-shadow .pui-btn-info {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-info.pui-btn-shadow:hover, .pui-btn-info.pui-btn-shadow.hover, .pui-btn-info.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-info:hover, .pui-btn-shadow .pui-btn-info.hover, .pui-btn-shadow .pui-btn-info.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-success.pui-btn-shadow, .pui-btn-shadow .pui-btn-success {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-success.pui-btn-shadow:hover, .pui-btn-success.pui-btn-shadow.hover, .pui-btn-success.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-success:hover, .pui-btn-shadow .pui-btn-success.hover, .pui-btn-shadow .pui-btn-success.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-warning.pui-btn-shadow, .pui-btn-shadow .pui-btn-warning {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-warning.pui-btn-shadow:hover, .pui-btn-warning.pui-btn-shadow.hover, .pui-btn-warning.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-warning:hover, .pui-btn-shadow .pui-btn-warning.hover, .pui-btn-shadow .pui-btn-warning.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-error.pui-btn-shadow, .pui-btn-shadow .pui-btn-error {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  /* IE9+, News */
}

html.no-touch .pui-btn-error.pui-btn-shadow:hover, .pui-btn-error.pui-btn-shadow.hover, .pui-btn-error.pui-btn-shadow.pui-hover, html.no-touch .pui-btn-shadow .pui-btn-error:hover, .pui-btn-shadow .pui-btn-error.hover, .pui-btn-shadow .pui-btn-error.pui-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* Webkit browsers */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  /* IE9+, News */
}

.pui-btn-toolbar.pui-btn-shadow .pui-btn-group, .pui-btn-group-justify.pui-btn-shadow .pui-btn-group, .pui-btn-group.pui-btn-default > .pui-btn-default {
  -webkit-box-shadow: none;
  /* Webkit browsers */
  box-shadow: none;
  /* IE9+, News */
}

.pui-btn.pui-btn-block {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.pui-btn.pui-btn-block:last-child {
  margin-bottom: 0;
}

.pui-btn .pui-badge-dot {
  margin-bottom: 0;
}

/* button dropdown menu */
.pui-btn-dropdown {
  display: inline-block;
  position: relative;
}

.pui-btn-dropdown .pui-btn {
  float: left;
}

.pui-btn-dropdown .pui-btn:first-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pui-btn-dropdown .pui-btn + .pui-btn {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin-left: -1px;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pui-btn-dropdown .pui-btn-gary + .pui-btn-gary {
  border-left: 1px solid #c4c4c4;
}

.pui-btn-dropdown .pui-btn-primary + .pui-btn-primary {
  border-left: 1px solid #006eb2;
}

.pui-btn-dropdown .pui-btn-secondary + .pui-btn-secondary {
  border-left: 1px solid #10a0ea;
}

.pui-btn-dropdown .pui-btn-info + .pui-btn-info {
  border-left: 1px solid #24869d;
}

.pui-btn-dropdown .pui-btn-success + .pui-btn-success {
  border-left: 1px solid #549e55;
}

.pui-btn-dropdown .pui-btn-warning + .pui-btn-warning {
  border-left: 1px solid #ffa21a;
}

.pui-btn-dropdown .pui-btn-error + .pui-btn-error {
  border-left: 1px solid #e14b3b;
}


/* Card */
.pui-card {
  color: #666;
  display: block;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #ddd;
}

.pui-card p:last-child {
  margin-bottom: 0;
}

.pui-card-head, .pui-card-title, .pui-card-foot {
  position: relative;
  padding: 6px 15px;
  padding: 0.6rem 1.5rem;
  padding-left: 10px;
}

.pui-card-head > h1, .pui-card-head > strong, .pui-card-title > h1, .pui-card-title > strong, .pui-card-foot > h1, .pui-card-foot > strong {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.pui-card-head > h1 small, .pui-card-head > strong small, .pui-card-title > h1 small, .pui-card-title > strong small, .pui-card-foot > h1 small, .pui-card-foot > strong small {
  padding-left: 4px;
  padding-left: 0.4rem;
}

.pui-card-box {
  padding: 5px 10px;
  overflow: auto;
  position: relative;
  color: #666;
}

.pui-card-box > h1 {
  font-size: 22px;
  font-size: 2.2rem;
}

.pui-card-head + .pui-card-box {
  padding-top: 5px;
}



.pui-card.simple .pui-card-box {
  padding: 5px;
}

.pui-card.unbordered,.pui-card.no-border {
  border: none;
}

.pui-card.unbordered .pui-card-title, .pui-card.unbordered .pui-card-head {
  padding-top: 0;
}

.pui-card.unbordered .pui-card-foot {
  padding-bottom: 0;
}

.pui-card.unbordered .pui-card-head, .pui-card.unbordered .pui-card-title, .pui-card.unbordered .pui-card-foot, .pui-card.unbordered .pui-card-box {
  padding-left: 0;
  padding-right: 0;
}

.pui-card-badge {
  display: inline-block;
  padding: 0 5px;
  background: #fff;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.pui-card-head-bg, .pui-card.title-bg, .pui-card-foot.foot-bg {
  background: #fafafa;
}

.pui-card-title.left-border {
  margin-left: 0;
}

.pui-card-title.left-border > h1, .pui-card-title.left-border > strong {
  padding: 0;
  border-left: 4px solid #008EE5;
  padding-left: 8px;
}

.pui-card-title.underline {
  padding-top: 4px;
  padding-top: 0.4rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
}

.pui-card-foot.topline {
  border-top: 1px solid #ddd;
}

.pui-card-title>.right {
  float: right;
  /* color: #ccc; */
  padding-top: 4px;
  padding-top: 0.4rem;
}

.pui-card-title>.right a {
  /* color: #ccc; */
}

.pui-card-title>.right a:hover, .pui-card-title>.right a.hover {
  color: #007CFF;
}

.pui-card-title>.right html.no-touch .pui-badge:hover, .pui-card-title>.right .pui-badge.hover {
  color: #fff;
}

.pui-card-title>.right html.no-touch .pui-badge-default:hover, .pui-card-title>.right .pui-badge-default.hover {
  color: #ccc;
}

.pui-card.gary {
  border-color: white;
}

.pui-card.gary .pui-card-head, .pui-card.gary .pui-card-title, .pui-card.gary .pui-card-foot {
  color: #DDDDDD;
  border-color: white;
  background-color: white;
}

.pui-card.gary .pui-card-head small, .pui-card.gary .pui-card-head span, .pui-card.gary .pui-card-head a, .pui-card.gary .pui-card-title small, .pui-card.gary .pui-card-title span, .pui-card.gary .pui-card-title a, .pui-card.gary .pui-card-foot small, .pui-card.gary .pui-card-foot span, .pui-card.gary .pui-card-foot a {
  color: #DDDDDD;
}

.pui-card.primary {
  border-color: #75caff;
}

.pui-card.primary .pui-card-head, .pui-card.primary .pui-card-title, .pui-card.primary .pui-card-foot {
  color: #008EE5;
  border-color: #75caff;
  background-color: #a8deff;
}

.pui-card.primary .pui-card-head small, .pui-card.primary .pui-card-head span, .pui-card.primary .pui-card-head a, .pui-card.primary .pui-card-title small, .pui-card.primary .pui-card-title span, .pui-card.primary .pui-card-title a, .pui-card.primary .pui-card-foot small, .pui-card.primary .pui-card-foot span, .pui-card.primary .pui-card-foot a {
  color: #008EE5;
}

.pui-card.secondary {
  border-color: #c1e7fb;
}

.pui-card.secondary .pui-card-head, .pui-card.secondary .pui-card-title, .pui-card.secondary .pui-card-foot {
  color: #3BB4F2;
  border-color: #c1e7fb;
  background-color: #f1fafe;
}

.pui-card.secondary .pui-card-head small, .pui-card.secondary .pui-card-head span, .pui-card.secondary .pui-card-head a, .pui-card.secondary .pui-card-title small, .pui-card.secondary .pui-card-title span, .pui-card.secondary .pui-card-title a, .pui-card.secondary .pui-card-foot small, .pui-card.secondary .pui-card-foot span, .pui-card.secondary .pui-card-foot a {
  color: #3BB4F2;
}

.pui-card.info {
  border-color: #9bdae8;
}

.pui-card.info .pui-card-head, .pui-card.info .pui-card-title, .pui-card.info .pui-card-foot {
  color: #2EAAC6;
  border-color: #9bdae8;
  background-color: #c4e9f1;
}

.pui-card.info .pui-card-head small, .pui-card.info .pui-card-head span, .pui-card.info .pui-card-head a, .pui-card.info .pui-card-title small, .pui-card.info .pui-card-title span, .pui-card.info .pui-card-title a, .pui-card.info .pui-card-foot small, .pui-card.info .pui-card-foot span, .pui-card.info .pui-card-foot a {
  color: #2EAAC6;
}

.pui-card.success {
  border-color: #cee5cf;
}

.pui-card.success .pui-card-head, .pui-card.success .pui-card-title, .pui-card.success .pui-card-foot {
  color: #71B472;
  border-color: #cee5cf;
  background-color: #f0f7f0;
}

.pui-card.success .pui-card-head small, .pui-card.success .pui-card-head span, .pui-card.success .pui-card-head a, .pui-card.success .pui-card-title small, .pui-card.success .pui-card-title span, .pui-card.success .pui-card-title a, .pui-card.success .pui-card-foot small, .pui-card.success .pui-card-foot span, .pui-card.success .pui-card-foot a {
  color: #71B472;
}

.pui-card.warning {
  border-color: #FAE5C4;
}

.pui-card.warning .pui-card-head, .pui-card.warning .pui-card-title, .pui-card.warning .pui-card-foot {
  color: #FFB74D;
  border-color: #FAE5C4;
  background-color: #FCF5E8;
}

.pui-card.warning .pui-card-head small, .pui-card.warning .pui-card-head span, .pui-card.warning .pui-card-head a, .pui-card.warning .pui-card-title small, .pui-card.warning .pui-card-title span, .pui-card.warning .pui-card-title a, .pui-card.warning .pui-card-foot small, .pui-card.warning .pui-card-foot span, .pui-card.warning .pui-card-foot a {
  color: #FFB74D;
}

.pui-card.error {
  border-color: #F7D1CB;
}

.pui-card.error .pui-card-head, .pui-card.error .pui-card-title, .pui-card.error .pui-card-foot {
  color: #E87467;
  border-color: #F7D1CB;
  background-color: #FFE8E3;
}

.pui-card.error .pui-card-head small, .pui-card.error .pui-card-head span, .pui-card.error .pui-card-head a, .pui-card.error .pui-card-title small, .pui-card.error .pui-card-title span, .pui-card.error .pui-card-title a, .pui-card.error .pui-card-foot small, .pui-card.error .pui-card-foot span, .pui-card.error .pui-card-foot a {
  color: #E87467;
}

.pui-card.radius {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.pui-card-square {
  -webkit-border-radius: none;
  border-radius: none;
}

.pui-card-group .pui-card {
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
}

.pui-card-group .pui-card-head, .pui-card-group .pui-card-title, .pui-card-group .pui-card-foot {
  background: #fafafa;
}

.pui-card.padding-none .pui-card-head, .pui-card.padding-none .pui-card-title, .pui-card.padding-none .pui-card-box, .pui-card.padding-none .pui-card-foot {
  padding-left: 0;
  padding-right: 0;
}

.pui-card-box.underline {
  border: none;
  border-bottom: 1px solid #ddd;
  margin-bottom: -5px;
  margin-bottom: -0.5rem;
}

.pui-card.shadow {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.pui-card.shadow:hover, .pui-card.shadow.hover, .pui-card.shadow.pui-hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  /* Webkit browsers */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  /* IE9+, News */
}

.pui-row .pui-card:last-child {
  margin-bottom: 10px;;
}

.pui-card.image {
  overflow: auto;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.pui-card-head-bg {
  position: relative;
  padding: 0;
}

.pui-card-head-bg > h1 {
  color: #fff;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  margin: 0;
  font-size: 2.2rem;
}

.pui-card-head-bg > h1 > small {
  color: #fff;
}

.pui-card-head-img {
  width: 100%;
  height: auto;
  margin: 0 0 -0.6rem;
}

.pui-card.radius .pui-card-head-img {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pui-card.column {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-card.column > .pui-card-box {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-card-left, .pui-card-right {
  position: relative;
}

.pui-card-left > p, .pui-card-right > p {
  margin-bottom: 0;
}

.pui-card-left > h1, .pui-card-right > h1 {
  color: #fff;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.4;
  text-align: left;
  -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.pui-card-left > h1 > small, .pui-card-right > h1 > small {
  color: #fff;
  display: block;
  margin: 0;
}

.pui-card-right > h1 {
  text-align: right;
}

.pui-card-box-left {
  float: left;
  margin-right: 2rem;
}

.pui-card-box-right {
  float: right;
  margin-left: 2rem;
}


.pui-file-input {
  display: inline-block;
  position: relative;
  overflow: hidden;
  overflow-y: visible;
  padding-bottom: 2px;
  vertical-align: middle;
}

.pui-file-input > input[type="file"] {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  /* W3C */
  filter: alpha(opacity=0);
  /* IE */
  cursor: pointer;
}

.pui-file-input > input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

[class*="pui-icon"], [class*="icon-"], [class*="fa-"] {
  vertical-align: middle;
}



.pui-flexbox {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-flex {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-flex-inline {
  -webkit-inline-flex: 1;
  /* Chrome 21.0+ */
  -moz-inline-flex: 1;
  -ms-inline-flex: 1;
  inline-flex: 1;
  /* Firefox 20+, Opera 12.5 */
}

.pui-inline-flexbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-flex;
  display: inline-flex;
}

.pui-flex-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-flex-row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-flex-column-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-flex-wrap {
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.pui-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  /* Firefox 28+, IE11, Opera 12.10 */
}

/* font-size */
.pui-f12 {
  font-size: 1.2 rem !important;
}

.pui-f13 {
  font-size: 1.3 rem !important;
}

.pui-f14 {
  font-size: 1.4 rem !important;
}

.pui-f15 {
  font-size: 1.5 rem !important;
}

.pui-f16 {
  font-size: 1.6 rem !important;
}

.pui-f17 {
  font-size: 1.7 rem !important;
}

.pui-f18 {
  font-size: 1.8 rem !important;
}

.pui-f19 {
  font-size: 1.9 rem !important;
}

.pui-f20 {
  font-size: 2 rem !important;
}

.pui-f21 {
  font-size: 2.1 rem !important;
}

.pui-f22 {
  font-size: 2.2 rem !important;
}

.pui-f23 {
  font-size: 2.3 rem !important;
}

.pui-f24 {
  font-size: 2.4 rem !important;
}

.pui-f25 {
  font-size: 2.5 rem !important;
}

.pui-f26 {
  font-size: 2.6 rem !important;
}

.pui-f27 {
  font-size: 2.7 rem !important;
}

.pui-f28 {
  font-size: 2.8 rem !important;
}

.pui-f29 {
  font-size: 2.9 rem !important;
}

.pui-f30 {
  font-size: 3 rem !important;
}

.pui-f31 {
  font-size: 3.1 rem !important;
}

.pui-f32 {
  font-size: 3.2 rem !important;
}

.pui-f33 {
  font-size: 3.3 rem !important;
}

.pui-f34 {
  font-size: 3.4 rem !important;
}

.pui-f35 {
  font-size: 3.5 rem !important;
}

.pui-f36 {
  font-size: 3.6 rem !important;
}

.pui-f37 {
  font-size: 3.7 rem !important;
}

.pui-f38 {
  font-size: 3.8 rem !important;
}

.pui-f39 {
  font-size: 3.9 rem !important;
}

.pui-f40 {
  font-size: 4 rem !important;
}

.pui-f41 {
  font-size: 4.1 rem !important;
}

.pui-f42 {
  font-size: 4.2 rem !important;
}

.pui-f43 {
  font-size: 4.3 rem !important;
}

.pui-f44 {
  font-size: 4.4 rem !important;
}

.pui-f45 {
  font-size: 4.5 rem !important;
}

.pui-f46 {
  font-size: 4.6 rem !important;
}

.pui-f47 {
  font-size: 4.7 rem !important;
}

.pui-f48 {
  font-size: 4.8 rem !important;
}


/* font weight */
.pui-font-normal, .text-normal {
  font-weight: normal !important;
}

.pui-font-bold, .text-bold {
  font-weight: bold !important;
}

.pui-font-bolder, .text-bolder {
  font-weight: bolder !important;
}

.pui-font-lighter, .text-lighter {
  font-weight: lighter !important;
}

/* text align */
.text-left, .text-left-all > * {
  text-align: left !important;
}

.text-right, .text-right-all > * {
  text-align: right !important;
}

.text-center, .text-center-all > * {
  text-align: center !important;
}

.text-justify, .text-justify-all > * {
  text-align: justify !important;
}

.text-top, .pui-vertical-top {
  vertical-align: top !important;
}

.text-middle, .pui-vertical-middle {
  vertical-align: middle !important;
}

.text-bottom, .pui-vertical-bottom {
  vertical-align: bottom !important;
}



/* text colors */
.text-none {
  color: none !important;
}

.text-white {
  color: white !important;
}

.text-red {
  color: red !important;
}

.text-green {
  color: green !important;
}

.text-orange {
  color: orange !important;
}

.text-gray {
  color: gray !important;
}

.text-black {
  color: black !important;
}

.text-yellow {
  color: yellow !important;
}

.text-purple {
  color: purple !important;
}

.text-brown {
  color: brown !important;
}

.text-beige {
  color: beige !important;
}

.text-khaki {
  color: khaki !important;
}

.text-navy {
  color: navy !important;
}

.text-pink {
  color: pink !important;
}

.text-plum {
  color: plum !important;
}

.text-teal {
  color: teal !important;
}

.text-aqua {
  color: aqua !important;
}

.text-silver {
  color: silver !important;
}

.text-fuchsia {
  color: fuchsia !important;
}

.text-maroon {
  color: maroon !important;
}

.text-olive {
  color: olive !important;
}

.text-lime {
  color: lime !important;
}

.text-gary {
  color: #DDDDDD !important;
}

.text-primary {
  color: #008EE5 !important;
}

.text-secondary {
  color: #3BB4F2 !important;
}

.text-info {
  color: #2EAAC6 !important;
}

.text-success {
  color: #71B472 !important;
}

.text-warning {
  color: #FFB74D !important;
}

.text-error {
  color: #E87467 !important;
}

.text-indent {
  text-indent: 21pt;
}

/* text/font size */
.text-xxs {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.text-xs {
  /*font-size: 12px !important;*/
  /*font-size: 1.2rem !important;*/
}

.text-sm {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.text-md {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.text-lg {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.text-xl {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.text-xxl {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.text-xxxl {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.text-xxxxl {
  font-size: 40px !important;
  font-size: 4rem !important;
}

.text-xxxxxl {
  font-size: 48px !important;
  font-size: 4.8rem !important;
}

/* text other */
.text-shadow {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
}

.text-shadow-white {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
}

.text-shadow-none {
  text-shadow: none !important;
}

.text-shadow-gary {
  text-shadow: 0 1px 1px rgba(221, 221, 221, 0.4) !important;
}

.text-shadow-primary {
  text-shadow: 0 1px 1px rgba(0, 142, 229, 0.4) !important;
}

.text-shadow-secondary {
  text-shadow: 0 1px 1px rgba(59, 180, 242, 0.4) !important;
}

.text-shadow-info {
  text-shadow: 0 1px 1px rgba(46, 170, 198, 0.4) !important;
}

.text-shadow-success {
  text-shadow: 0 1px 1px rgba(113, 180, 114, 0.4) !important;
}

.text-shadow-warning {
  text-shadow: 0 1px 1px rgba(255, 183, 77, 0.4) !important;
}

.text-shadow-error {
  text-shadow: 0 1px 1px rgba(232, 116, 103, 0.4) !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.pui-word-break {
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  word-wrap: break-word !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-none {
  text-transform: none !important;
}

.text-ellipsis {
  overflow: hidden !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* ListView */
.pui-list-view {
  margin: 0;
}

.pui-list-view > li {
  width: 100%;
  clear: both;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-list-view > li > div {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
}

.pui-list-view > li > a {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Firefox 28+, IE11, Opera 12.10 */
  position: relative;
  padding: 10px;
  padding: 1rem;
  color: #666;
  -webkit-transition: background-color 0.1s ease-in;
  /* Safari, Chrome */
  -moz-transition: background-color 0.1s ease-in;
  /* Firefox 4.0~16.0 */
  transition: background-color 0.1s ease-in;
  /* IE >9, FF >15, Opera >12.0 */
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.pui-list-view > li > a:before, .pui-list-view > li > a:after {
  content: " ";
  display: table;
}

.pui-list-view > li > a:after {
  clear: both;
}

html.no-touch .pui-list-view > li > a:hover, .pui-list-view > li > a.hover {
  background-color: #f6f6f6;
}

.pui-list-view > li > a > img {
  width: 48px;
  height: 48px;
  position: relative;
}

.pui-list-view > li > a > .icon, .pui-list-view > li > a > .tb-icon, .pui-list-view > li > a > .fa {
  font-size: 48px;
  float: left;
  position: relative;
}

.pui-list-view > li > a > .pui-badge {
  position: absolute;
  top: 5px;
  left: 48px;
  padding: 2px 1px;
  min-width: 10px;
  min-height: 10px;
  line-height: 1;
}

.pui-list-view > li > a > .pui-badge-dot {
  top: 6px;
  left: 52px;
}

.pui-list-view > li > a > .pui-badge-right {
  top: 38%;
  left: auto;
  right: 10px;
  min-width: auto;
  min-height: auto;
}

.pui-list-view > li > a > .pui-badge-right:not(.pui-circle) {
  padding: 3px 3px 2px;
}

.pui-list-view > li > a > summary {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
  height: 100%;
  padding: 3px 50px 0 0;
  margin-left: 1.2rem;
  vertical-align: middle;
}

html.no-touch .pui-list-view > li > a > summary {
  padding-top: 0;
}

.pui-list-view > li > a > summary > h6 {
  margin-top: -2px;
  margin-bottom: 0;
}

.pui-list-view > li > a > summary > h6 > small {
  margin-right: -50px;
  float: right;
  color: #ddd;
}

.pui-list-view > li > a > summary > small, .pui-list-view > li > a > summary > strong {
  display: block;
}

.pui-list-view > li:not(:last-child) > a {
  border-bottom: 1px solid #eee;
}

.pui-list-view > li.pui-list-view-header {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0.5rem 0;
}

.pui-list-view-group > .pui-list-view:not(:last-child) {
  margin-bottom: 10px;
}

.pui-list-view-angle-right > li > a:after {
  width: 0;
  height: 40%;
  color: #ccc;
  line-height: 1;
  font-size: 24px;
  font-weight: normal;
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  top: 32%;
  right: 20px;
}

.pui-list-view-angle-right > li > a.no-angle-right:after, .pui-list-view-angle-right > li > a.pui-no-angle-right:after {
  content: "";
}

.pui-list-view-small > li > a {
  padding: 5px 10px;
}

.pui-list-view-small > li > a > img {
  width: 24px;
}

.pui-list-view-small > li > a > .icon, .pui-list-view-small > li > a > .pui-icon, .pui-list-view-small > li > a > .fa {
  font-size: 24px;
}

.pui-list-view-small > li > a > .pui-badge {
  top: 3px;
  left: 24px;
}

.pui-list-view-small > li > a > .pui-badge-dot {
  top: 3px;
  left: 28px;
}

html.no-touch .pui-list-view-small > li > a > .pui-badge-right {
  top: 8px;
  left: auto;
}

.pui-list-view-small > li > a > .pui-badge-right {
  top: 9px;
  left: auto;
}

.pui-list-view-small > li > a > summary {
  padding-top: 0;
  margin-left: 20px;
}

.pui-list-view-small > li > a > summary > h6 {
  margin-top: -1px;
}

.pui-list-view-small.pui-list-view-angle-right > li > a:after {
  top: 5px;
}

.pui-list-view-round > li > a > img, .pui-list-view-circle > li > a > img {
  -webkit-border-radius: 500px;
  border-radius: 500px;
}

.pui-list-view-radius > li > a > img {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.pui-list-view-square > li > a > img {
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* Mask layer */
.pui-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.pui-mask-bg {
  background-color: #000;
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
  z-index: 99;
}

.pui-mask-fixed {
  position: fixed;
}

.pui-mask-top {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}

.pui-mask-bottom {
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
}

.pui-mask-left {
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.pui-mask-right {
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
}

.pui-mask-bg-white {
  background-color: #fff;
}

.pui-mask-opacity-zero {
  opacity: 0;
  /* W3C */
  filter: alpha(opacity=0);
  /* IE */
}

.pui-mask-opacity-full {
  opacity: 1;
  /* W3C */
  filter: alpha(opacity=100);
  /* IE */
}

.pui-mask-container {
  display: table;
}

.pui-mask-row {
  display: table-row;
}

.pui-mask-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* Notices */
.pui-notice {
  min-width: 240px;
  min-width: 24rem;
  padding: 12px;
  padding: 1.2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  background: #fff;
}

.pui-notice-head {
  margin-top: -6px;
}

.pui-notice-head-underline > .pui-notice-head {
  padding: 0 0 6px 0;
  padding: 0 0 0.6rem 0;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}

.pui-notice-head > strong {
  font-size: 16px;
  font-size: 1.6ren;
}

.pui-notice-head > small {
  margin-left: 8px;
  margin-left: 0.8rem;
}

.pui-notice-content {
  padding: 0;
}

.pui-notice-content a {
  color: #0D79DE;
}

html.no-touch .pui-notice-content a:hover, .pui-notice-content a.hover {
  text-decoration: underline;
}

.pui-notice > p:last-child, .pui-notice-content > p:last-child {
  margin: 0;
}

.pui-notice-foot {
  text-align: right;
  color: #ccc;
}

.pui-notice:not(.pui-notice-head-underline) {
  padding-right: 36px;
  padding-right: 3.6rem;
}

.pui-notice > .pui-close {
  position: absolute;
  top: 6px;
  right: 6px;
}

.pui-notice > .pui-close-bordered {
  top: -1px;
  right: -1px;
}

.pui-notice > .pui-close-border-circle {
  top: -10px;
  right: -10px;
  background: #fff;
}

.pui-notice-not-foot, .pui-notice:not(.pui-notice-foot) .pui-notice-content {
  padding-bottom: 0;
}

.pui-notice-icon {
  min-height: 60px;
  min-height: 6rem;
}

.pui-notice-icon:before {
  min-width: 54px;
  min-width: 5.4rem;
  padding-left: 5px;
  padding-left: 0.5rem;
  display: block;
  float: left;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pui-notice-icon > .pui-notice-content {
  margin-left: 54px;
  margin-left: 5.4rem;
}

.pui-notice-icon.pui-shadow {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.pui-notice-icon.pui-square {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-notice-icon.pui-inline-block {
  display: inline-block;
}

.pui-notice-icon-gary, .pui-notice-icon-bg-gary {
  color: #DDDDDD;
  border-color: white;
  background-color: white;
}

.pui-notice-icon-gary > .pui-close:after {
  color: #DDDDDD;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-gary > .pui-close:hover, .pui-notice-icon-gary > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-gary > .pui-notice-head > small {
  color: white;
}

.pui-notice-icon-primary, .pui-notice-icon-bg-primary {
  color: #008EE5;
  border-color: #75caff;
  background-color: #a8deff;
}

.pui-notice-icon-primary > .pui-close:after {
  color: #008EE5;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-primary > .pui-close:hover, .pui-notice-icon-primary > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-primary > .pui-notice-head > small {
  color: #33b1ff;
}

.pui-notice-icon-secondary, .pui-notice-icon-bg-secondary {
  color: #3BB4F2;
  border-color: #c1e7fb;
  background-color: #f1fafe;
}

.pui-notice-icon-secondary > .pui-close:after {
  color: #3BB4F2;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-secondary > .pui-close:hover, .pui-notice-icon-secondary > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-secondary > .pui-notice-head > small {
  color: #83cff7;
}

.pui-notice-icon-info, .pui-notice-icon-bg-info {
  color: #2EAAC6;
  border-color: #9bdae8;
  background-color: #c4e9f1;
}

.pui-notice-icon-info > .pui-close:after {
  color: #2EAAC6;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-info > .pui-close:hover, .pui-notice-icon-info > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-info > .pui-notice-head > small {
  color: #65c6db;
}

.pui-notice-icon-success, .pui-notice-icon-bg-success {
  color: #71B472;
  border-color: #cee5cf;
  background-color: #f0f7f0;
}

.pui-notice-icon-success > .pui-close:after {
  color: #71B472;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-success > .pui-close:hover, .pui-notice-icon-success > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-success > .pui-notice-head > small {
  color: #a3cea4;
}

.pui-notice-icon-warning, .pui-notice-icon-bg-warning {
  color: #FFB74D;
  border-color: #FAE5C4;
  background-color: #FCF5E8;
}

.pui-notice-icon-warning > .pui-close:after {
  color: #FFB74D;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-warning > .pui-close:hover, .pui-notice-icon-warning > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-warning > .pui-notice-head > small {
  color: #ffd69a;
}

.pui-notice-icon-error, .pui-notice-icon-bg-error {
  color: #E87467;
  border-color: #F7D1CB;
  background-color: #FFE8E3;
}

.pui-notice-icon-error > .pui-close:after {
  color: #E87467;
  opacity: 0.8;
}

html.no-touch .pui-notice-icon-error > .pui-close:hover, .pui-notice-icon-error > .pui-close.hover {
  opacity: 1;
}

.pui-notice-icon-bg-error > .pui-notice-head > small {
  color: #f2b1a9;
}

.pui-notice-icon-success:before {
  color: #71B472;
  content: "\f058";
}

.pui-notice-icon-info:before {
  color: #2EAAC6;
  content: "\f05a";
}

.pui-notice-icon-warning:before {
  color: #FFB74D;
  font-size: 32px;
  font-size: 3.2rem;
  content: "\f071";
}

.pui-notice-icon-error:before {
  color: #E87467;
  content: "\f00d";
}

.pui-notice-icon-question {
  color: #5AA5EA;
  border-color: #92C9FB;
  background: #C9E5FF;
}

.pui-notice-icon-question:before {
  color: #2493F7;
  content: "\f059";
}

.pui-notice-icon-question > .pui-close:after {
  color: #5AA5EA;
  opacity: 0.8;
}

.pui-notice-icon-update:before,
.pui-notice-icon-upload:before {
  font-size: 33px;
  font-size: 3.3rem;
  color: #2EAAC6;
  content: "\f0ee";
}

.pui-notice-icon-download:before {
  font-size: 33px;
  font-size: 3.3rem;
  color: #2EAAC6;
  content: "\f0ed";
}

.pui-notice-icon-unlink:before {
  font-size: 34px;
  font-size: 3.4rem;
  color: #2EAAC6;
  content: "\f127";
}

.pui-notice-icon-loading:before,
.pui-notice-icon-waiting:before {
  color: #2EAAC6;
  content: "\f017";
}

.pui-notice-icon-email:before,
.pui-notice-icon-message:before {
  font-size: 32px;
  font-size: 3.2rem;
  color: #2EAAC6;
  content: "\f003";
}

.pui-notice-icon-comment:before {
  font-size: 35px;
  font-size: 3.5rem;
  color: #2EAAC6;
  content: "\f0e6";
}

.pui-notice-icon-tips:before {
  font-size: 38px;
  font-size: 3.8rem;
  color: #2EAAC6;
  content: "\f0eb";
}

.pui-notice-popup {
  width: 320px;
  width: 32rem;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000;
}

.pui-notice-popup > .pui-notice {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.pui-notice > .pui-badge {
  float: left;
  margin-top: 5px;
}

.pui-notice > .pui-badge + .pui-notice-content {
  margin-left: 48px;
  margin-left: 4.8rem;
}

.pui-notice > .pui-badge-dot + .pui-notice-content {
  margin-left: 24px;
  margin-left: 2.4rem;
}

.pui-notice-position-tl, .pui-notice-position-tr, .pui-notice-position-tc,
.pui-notice-position-bl, .pui-notice-position-br, .pui-notice-position-bc {
  position: fixed;
  z-index: 10001;
}

.pui-notice-position-tl {
  top: 10px;
  bottom: auto;
  left: 10px;
  right: auto;
}

.pui-notice-position-tr {
  top: 10px;
  right: 10px;
  left: auto;
  bottom: auto;
}

.pui-notice-position-tc {
  width: 40%;
  top: 10px;
  left: 30%;
  right: auto;
  bottom: auto;
}

.pui-notice-position-bl {
  top: auto;
  bottom: 10px;
  left: 10px;
  right: auto;
}

.pui-notice-position-br {
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
}

.pui-notice-position-bc {
  top: auto;
  width: 40%;
  bottom: 10px;
  left: 30%;
}

.pui-notice-content-scrollable {
  height: 160px;
  height: 16rem;
  margin-bottom: 5px;
  overflow-y: scroll;
}

.pui-notice-content-scrollable-x {
  margin-bottom: 5px;
  overflow-y: hidden;
  overflow-x: auto;
}

.pui-notice-content-scrollable-auto {
  height: 160px;
  height: 16rem;
  margin-bottom: 5px;
  overflow: auto;
}


/* Button : close button */
.pui-close {
  padding: 3px 5px;
  cursor: pointer;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  text-rendering: auto;
  text-align: center;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-transition: opacity 300ms ease-out;
  /* Safari, Chrome */
  -moz-transition: opacity 300ms ease-out;
  /* Firefox 4.0~16.0 */
  transition: opacity 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.pui-close:after {
  opacity: 0.3;
  /* W3C */
  filter: alpha(opacity=30);
  /* IE */
  content: "\f00d";
}

html.no-touch .pui-close:hover, .pui-close.hover {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

.pui-close.disabled, .pui-close.pui-disabled {
  cursor: not-allowed;
}

.pui-close-bordered {
  border: 1px solid #ddd;
  background: #fff;
}

html.no-touch .pui-close-bordered:hover, .pui-close-bordered.hover {
  border-color: #ccc;
}

.pui-close-border-circle {
  border: 1px solid #ddd;
  -webkit-border-radius: 500px;
  border-radius: 500px;
}

.pui-close-circle {
  opacity: 0.4;
  /* W3C */
  filter: alpha(opacity=40);
  /* IE */
  font-size: 21px;
  font-size: 2.1rem;
  background: transparent;
}

html.no-touch .pui-close-circle:hover, .pui-close-circle.hover {
  opacity: 0.7;
  /* W3C */
  filter: alpha(opacity=70);
  /* IE */
}

.pui-close-circle:after {
  content: "\F057";
}

.pui-close-gary {
  color: #DDDDDD;
}

.pui-close-gary:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-gary:hover, .pui-close-gary.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-primary {
  color: #008EE5;
}

.pui-close-primary:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-primary:hover, .pui-close-primary.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-secondary {
  color: #3BB4F2;
}

.pui-close-secondary:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-secondary:hover, .pui-close-secondary.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-info {
  color: #2EAAC6;
}

.pui-close-info:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-info:hover, .pui-close-info.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-success {
  color: #71B472;
}

.pui-close-success:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-success:hover, .pui-close-success.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-warning {
  color: #FFB74D;
}

.pui-close-warning:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-warning:hover, .pui-close-warning.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-error {
  color: #E87467;
}

.pui-close-error:after {
  opacity: 0.5;
  /* W3C */
  filter: alpha(opacity=50);
  /* IE */
}

html.no-touch .pui-close-error:hover, .pui-close-error.hover {
  opacity: 0.8;
  /* W3C */
  filter: alpha(opacity=80);
  /* IE */
}

.pui-close-sm {
  padding: 3px 4px;
  font-size: 12px;
}

.pui-close-md {
  font-size: 14px;
}

.pui-close-lg {
  padding: 3px 4.8px;
  font-size: 16px;
}

.pui-close-xl {
  padding: 3px 5px;
  font-size: 18px;
}


/* Button Sheets */
.pui-button-sheet {
  background: #fff;
  width: 100%;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.pui-button-sheet-table {
  line-height: 1;
  display: table;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.pui-button-sheet-table-unbordered {
  border: none;
}

.pui-button-sheet-row {
  display: table-row;
  width: 100%;
}

.pui-button-sheet-row > a {
  color: #999;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: all 0.05s ease-in;
  /* Safari, Chrome */
  -moz-transition: all 0.05s ease-in;
  /* Firefox 4.0~16.0 */
  transition: all 0.05s ease-in;
  /* IE >9, FF >15, Opera >12.0 */
}

html.no-touch .pui-button-sheet-row > a:hover, .pui-button-sheet-row > a.hover {
  color: #157EE0;
  background: #f6f6f6;
}

.pui-button-sheet-row > a > [class*=pui-icon], .pui-button-sheet-row > a > [class*=icon-], .pui-button-sheet-row > a > [class*=fa-] {
  display: block;
}

.pui-button-sheet-hover-bg-none > .pui-button-sheet-row > a:hover {
  background: none;
}

.pui-button-sheet-bordered > .pui-button-sheet-row > a {
  border: 1px solid #ddd;
}

.pui-button-sheet-bordered-dashed > .pui-button-sheet-row > a {
  border: 1px dashed #ddd;
}

.pui-button-sheet-position-wrapper {
  padding: 20px 10px 0 10px;
  padding: 2rem 1rem 0 1rem;
  background: #fff;
}

.pui-button-sheet-position-bottom {
  width: 100%;
  -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.pui-button-sheet-wrapper {
  padding: 10px 5px;
  padding: 1rem 0.5rem;
  border: 1px solid #ddd;
  display: inline-block;
  background: #fff;
}

.pui-button-sheet-wrapper > .pui-button-sheet-table,
.pui-button-sheet-position-wrapper > .pui-button-sheet-table {
  border: none;
}

.pui-button-sheet-list {
  line-height: 0.91;
}

.pui-button-sheet-list > a {
  margin: 0;
  line-height: 1;
  display: inline-block;
  overflow: visible;
}

html.no-touch .pui-button-sheet-list > a:hover {
  outline: 3px solid #111;
  position: relative;
}


/* Rating */
.pui-rating {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.pui-rating > span {
  display: inline-block;
  padding: 0 1px;
  cursor: pointer;
}

.pui-rating > span:before {
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ddd;
  text-align: center;
  vertical-align: middle;
  font-size: 21px;
  font-size: 2.1rem;
  content: "\F006";
}

.pui-rating > span.half:before {
  color: #ff9900;
  content: "\F123";
}

.pui-rating > span.full:before {
  color: #ff9900;
  content: "\F005";
}

.pui-rating > small {
  vertical-align: middle;
  margin-left: 7px;
  margin-left: 0.7rem;
}

.pui-rating-xsmall > span:before {
  font-size: 12px;
  font-size: 1.2rem;
}

.pui-rating-small > span:before {
  font-size: 16px;
  font-size: 1.6rem;
}

.pui-rating-large > span:before {
  font-size: 25px;
  font-size: 2.5rem;
}

.pui-rating-xlarge > span:before {
  font-size: 30px;
  font-size: 3rem;
}

/* Simple Timeline */
.pui-timeline {
  position: relative;
}

.pui-timeline-list {
  margin-left: 15px;
  margin-left: 1.5rem;
  padding: 15px 0;
  padding: 1.5rem 0;
  border-left: 2px solid #ddd;
}

.pui-timeline-item {
  position: relative;
  padding-left: 48px;
  padding-left: 4.8rem;
  min-height: 60px;
  min-height: 6rem;
}

.pui-timeline-item > .pui-badge {
  position: absolute;
  top: 7px;
  left: -12px;
}

.pui-timeline-item > .pui-badge-dot {
  position: absolute;
  top: 15px;
  left: -6px;
}

.pui-timeline-badge-date > .pui-badge,
.pui-timeline-badge-datetime > .pui-badge {
  padding: 0 5px;
  padding: 0 0.5rem;
}

.pui-timeline-badge-date, .pui-timeline-badge-datetime {
  padding-left: 130px;
  padding-left: 13rem;
}

.pui-timeline-item-context {
  padding: 8px 0 8px 10px;
  padding: 0.8rem 0 0.8rem 1rem;
}

.pui-timeline-divider {
  margin-left: 10px;
  margin-left: 1rem;
  padding: 5px 0 10px 0;
  padding: 0.5rem 0 1rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  color: #ccc;
}

.pui-timeline-divider-dashed-line, .pui-timeline-divider-line {
  padding-top: 10px;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}

.pui-timeline-divider-dashed-line {
  border-top-style: dashed;
}

/* Tooltips */
.pui-tooltip {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.pui-tooltip.square, .pui-tooltip.pui-square {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-tooltip.shadow, .pui-tooltip.pui-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* Webkit browsers */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.pui-tooltip-bordered {
  padding: 8px 12px;
  padding: 0.8rem 1.2rem;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.pui-tooltip-opacity {
  color: #fff;
  background: #000;
  border-color: #000;
  opacity: 0.7;
  /* W3C */
  filter: alpha(opacity=70);
  /* IE */
}

.pui-tooltip-opacity-1 {
  opacity: 1;
  /* W3C */
  filter: alpha(opacity=100);
  /* IE */
}

.pui-tooltip-viewer {
  display: inline-block;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.pui-tooltip-context {
  position: relative;
}

.pui-tooltip-context > img + p {
  margin-top: 5px;
}

.pui-tooltip-context > p:last-child {
  margin-bottom: 0;
}

[class*=pui-tooltip-arrow-]:before, [class*=pui-tooltip-arrow-]:after {
  width: 0;
  height: 0;
  display: block;
  content: "";
  border: 7px solid transparent;
  pointer-events: pointer-events;
  position: absolute;
}



/* tooltip colors */
.pui-tooltip-gary, .pui-tooltip-gary-light {
  background: #DDDDDD;
  border-color: #DDDDDD;
}

.pui-tooltip-gary[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-gary[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-gary[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-gary[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-gary[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-gary[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-gary[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-gary[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-gary-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-gary-light {
  color: #666;
  background: #eaeaea;
  border-color: #eaeaea;
}

.pui-tooltip-primary, .pui-tooltip-primary-light {
  background: #008EE5;
  border-color: #008EE5;
}

.pui-tooltip-primary[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-primary[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-primary[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-primary[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-primary[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-primary[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-primary[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-primary[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-primary-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-primary-light {
  color: #008EE5;
  background: #7fceff;
  border-color: #7fceff;
}

.pui-tooltip-secondary, .pui-tooltip-secondary-light {
  background: #3BB4F2;
  border-color: #3BB4F2;
}

.pui-tooltip-secondary[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-secondary[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-secondary[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-secondary[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-secondary[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-secondary[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-secondary[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-secondary[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-secondary-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-secondary-light {
  color: #3BB4F2;
  background: #caebfc;
  border-color: #caebfc;
}

.pui-tooltip-info, .pui-tooltip-info-light {
  background: #2EAAC6;
  border-color: #2EAAC6;
}

.pui-tooltip-info[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-info[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-info-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-info-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-info[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-info[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-info-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-info-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-info[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-info[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-info-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-info-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-info[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-info[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-info-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-info-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-info-light {
  color: #2EAAC6;
  background: #a3ddea;
  border-color: #a3ddea;
}

.pui-tooltip-success, .pui-tooltip-success-light {
  background: #71B472;
  border-color: #71B472;
}

.pui-tooltip-success[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-success[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-success-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-success-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-success[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-success[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-success-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-success-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-success[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-success[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-success-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-success-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-success[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-success[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-success-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-success-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-success-light {
  color: #71B472;
  background: #d5e9d5;
  border-color: #d5e9d5;
}

.pui-tooltip-warning, .pui-tooltip-warning-light {
  background: #FFB74D;
  border-color: #FFB74D;
}

.pui-tooltip-warning[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-warning[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-warning[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-warning[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-warning[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-warning[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-warning[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-warning[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-warning-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-warning-light {
  color: #FFB74D;
  background: #ffe0b3;
  border-color: #ffe0b3;
}

.pui-tooltip-error, .pui-tooltip-error-light {
  background: #E87467;
  border-color: #E87467;
}

.pui-tooltip-error[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-error[class*=pui-tooltip-arrow-t]:after, .pui-tooltip-error-light[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-error-light[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-error[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-error[class*=pui-tooltip-arrow-b]:after, .pui-tooltip-error-light[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-error-light[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-error[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-error[class*=pui-tooltip-arrow-l]:after, .pui-tooltip-error-light[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-error-light[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-error[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-error[class*=pui-tooltip-arrow-r]:after, .pui-tooltip-error-light[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-error-light[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}

.pui-tooltip-error-light {
  color: #E87467;
  background: #f5c5c0;
  border-color: #f5c5c0;
}

/* tooltip opacity */
.pui-tooltip-opacity[class*=pui-tooltip-arrow-t]:before, .pui-tooltip-opacity[class*=pui-tooltip-arrow-t]:after {
  border-bottom-color: inherit;
}

.pui-tooltip-opacity[class*=pui-tooltip-arrow-b]:before, .pui-tooltip-opacity[class*=pui-tooltip-arrow-b]:after {
  border-top-color: inherit;
}

.pui-tooltip-opacity[class*=pui-tooltip-arrow-l]:before, .pui-tooltip-opacity[class*=pui-tooltip-arrow-l]:after {
  border-right-color: inherit;
}

.pui-tooltip-opacity[class*=pui-tooltip-arrow-r]:before, .pui-tooltip-opacity[class*=pui-tooltip-arrow-r]:after {
  border-left-color: inherit;
}


/* TOP 10 List */
.pui-top10-list > li > a {
  display: block;
  padding: 3px;
}

.pui-top10-list > li > a:before {
  text-align: center;
  margin-right: 8px;
  padding: 0 5px;
  line-height: 1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #999;
  background: #eee;
}

.pui-top10-list > li > a.pui-top-1:before {
  color: #fff;
  background: red;
  content: "1";
}

.pui-top10-list > li > a.pui-top-2:before {
  color: #fff;
  background: #ff6600;
  content: "2";
}

.pui-top10-list > li > a.pui-top-3:before {
  color: #fff;
  background: orange;
  content: "3";
}

.pui-top10-list > li > a.pui-top-4:before {
  content: "4";
}

.pui-top10-list > li > a.pui-top-5:before {
  content: "5";
}

.pui-top10-list > li > a.pui-top-6:before {
  content: "6";
}

.pui-top10-list > li > a.pui-top-7:before {
  content: "7";
}

.pui-top10-list > li > a.pui-top-8:before {
  content: "8";
}

.pui-top10-list > li > a.pui-top-9:before {
  content: "9";
}

.pui-top10-list > li > a.pui-top-10:before {
  padding: 0 2px;
  content: "10";
}

.pui-top10-list > li > a > .pui-top-count {
  color: #ccc;
  float: right;
}

.pui-top10-list-box {
  margin-left: 32px;
  margin-bottom: 5px;
}

.pui-top10-list-box > small {
  display: block;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f6;
  background: #fafafa;
}

.pui-top10-list-square > li > a:before {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pui-top10-list-circle > li > a:before {
  padding: 1px 6px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
}


/* Material Design Z-Depth */
.pui-z-depth-1 {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  /* Webkit browsers */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  /* IE9+, News */
}

.pui-z-depth-2 {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.pui-z-depth-3 {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.pui-z-depth-4 {
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.pui-z-depth-5 {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.pui-z-depth-6 {
  -webkit-box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
  /* Webkit browsers */
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
  /* IE9+, News */
}


/*!
 * # Semantic UI 2.4.1 - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 8px 0em;
  padding: 8px;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}

/* Vertical */
.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  background: none transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.segment:last-child {
  border-bottom: none;
}

/*-------------------
    Loose Coupling
--------------------*/


/* Header */
.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}

/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

/* Grid */
.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}
.ui.grid.segment {
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
}

/* Table */
.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}


/*******************************
             Types
*******************************/


/*-------------------
     Placeholder
--------------------*/

.ui.placeholder.segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: initial;
  -webkit-animation: none;
          animation: none;
  overflow: visible;
  padding: 1em 1em;
  min-height: 18rem;
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
          box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  -ms-flex-item-align: center;
      align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0px 0.35714286rem 0px 0px;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0px;
}

/*-------------------
        Piled
--------------------*/

.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  -webkit-box-shadow: '';
          box-shadow: '';
  z-index: auto;
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segments:after,
.ui.piled.segments:before,
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: '';
          box-shadow: '';
}
.ui.piled.segments:before,
.ui.piled.segment:before {
  -webkit-transform: rotate(-1.2deg);
          transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
.ui.piled.segments:after,
.ui.piled.segment:after {
  -webkit-transform: rotate(1.2deg);
          transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}

/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0em;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: 3em;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
       Stacked
--------------------*/

.ui.stacked.segment {
  padding-bottom: 1.4em;
}
.ui.stacked.segments:before,
.ui.stacked.segments:after,
.ui.stacked.segment:before,
.ui.stacked.segment:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 6px;
  visibility: visible;
}
.ui.stacked.segments:before,
.ui.stacked.segment:before {
  display: none;
}

/* Add additional page */
.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}

/* Inverted */
.ui.stacked.inverted.segments:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segment:after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(34, 36, 38, 0.35);
}

/*-------------------
       Padded
--------------------*/

.ui.padded.segment {
  padding: 1.5em;
}
.ui[class*="very padded"].segment {
  padding: 3em;
}

/* Padded vertical */
.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
  padding-left: 0px;
  padding-right: 0px;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.segment {
  display: table;
}

/* Compact Group */
.ui.compact.segments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
       Raised
--------------------*/

.ui.raised.segments,
.ui.raised.segment {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}


/*******************************
            Groups
*******************************/


/* Group */
.ui.segments {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.segments:first-child {
  margin-top: 0em;
}
.ui.segments:last-child {
  margin-bottom: 0em;
}

/* Nested Segment */
.ui.segments > .segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}

/* Nested Group */
.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}

/* Horizontal Group */
.ui.horizontal.segments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

/* Nested Horizontal Group */
.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

/* Horizontal Segment */
.ui.horizontal.segments > .segment {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -ms-flex: 1 1 0px;
  
/* Solves #2550 MS Flex */
  margin: 0em;
  min-width: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/* Border Fixes */
.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}
.ui.horizontal.segments > .segment:first-child {
  border-left: none;
}


/*******************************
            States
*******************************/


/*--------------
    Disabled
---------------*/

.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
}

/*--------------
    Loading
---------------*/

.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 0.28571429rem;
  z-index: 100;
}
.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: segment-spin 0.6s linear;
          animation: segment-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*******************************
           Variations
*******************************/


/*-------------------
       Basic
--------------------*/

.ui.basic.segment {
  background: none transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0px;
}

/*-------------------
       Clearing
--------------------*/

.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*-------------------
       Colors
--------------------*/


/* Red */
.ui.red.segment:not(.inverted) {
  border-top: 2px solid #DB2828 !important;
}
.ui.inverted.red.segment {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Orange */
.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #F2711C !important;
}
.ui.inverted.orange.segment {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Yellow */
.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #FBBD08 !important;
}
.ui.inverted.yellow.segment {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Olive */
.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18 !important;
}
.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Green */
.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21BA45 !important;
}
.ui.inverted.green.segment {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Teal */
.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00B5AD !important;
}
.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Blue */
.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185D0 !important;
}
.ui.inverted.blue.segment {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Violet */
.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435C9 !important;
}
.ui.inverted.violet.segment {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Purple */
.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8 !important;
}
.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Pink */
.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997 !important;
}
.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Brown */
.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F !important;
}
.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */
.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676 !important;
}
.ui.inverted.grey.segment {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Black */
.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D !important;
}
.ui.inverted.black.segment {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*-------------------
       Aligned
--------------------*/

.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}
.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.segment {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}

/* Nested */
.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}

/* Attached */
.ui.inverted.attached.segment {
  border-color: #555555;
}

/*-------------------
     Emphasis
--------------------*/


/* Secondary */
.ui.secondary.segment {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.6);
}
.ui.secondary.inverted.segment {
  background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/* Tertiary */
.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}
.ui.tertiary.inverted.segment {
  background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/*-------------------
      Attached
--------------------*/


/* Middle */
.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% - (-1px * 2));
  max-width: calc(100% - (-1px * 2));
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].segment {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */
.ui.segment[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Size
--------------------*/

.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.78571429rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.85714286rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.92857143rem;
}
.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.14285714rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.28571429rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.42857143rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/



/*!
 * # Semantic UI 2.4.1 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/


/*--------------
      Card
---------------*/

.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
          box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  z-index: '';
}
.ui.card {
  margin: 1em 0em;
}
.ui.cards > .card a,
.ui.card a {
  cursor: pointer;
}
.ui.card:first-child {
  margin-top: 0em;
}
.ui.card:last-child {
  margin-bottom: 0em;
}

/*--------------
      Cards
---------------*/

.ui.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.875em -0.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.cards > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.875em 0.5em;
  float: none;
}

/* Clearing */
.ui.cards:after,
.ui.card:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* Consecutive Card Groups Preserve Row Spacing */
.ui.cards ~ .ui.cards {
  margin-top: 0.875em;
}

/*--------------
  Rounded Edges
---------------*/

.ui.cards > .card > :first-child,
.ui.card > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
  border-top: none !important;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.28571429rem !important;
}

/*--------------
     Images
---------------*/

.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0em;
  background: rgba(0, 0, 0, 0.05);
}
.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}
.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}

/*--------------
     Content
---------------*/

.ui.cards > .card > .content,
.ui.card > .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  background: none;
  margin: 0em;
  padding: 1em 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1em;
  border-radius: 0em;
}
.ui.cards > .card > .content:after,
.ui.card > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.cards > .card > .content > .header,
.ui.card > .content > .header {
  display: block;
  margin: '';
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.85);
}

/* Default Header Size */
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
  font-weight: bold;
  font-size: 1.28571429em;
  margin-top: -0.21425em;
  line-height: 1.28571429em;
}
.ui.cards > .card > .content > .meta + .description,
.ui.cards > .card > .content > .header + .description,
.ui.card > .content > .meta + .description,
.ui.card > .content > .header + .description {
  margin-top: 0.5em;
}

/*----------------
 Floated Content
-----------------*/

.ui.cards > .card [class*="left floated"],
.ui.card [class*="left floated"] {
  float: left;
}
.ui.cards > .card [class*="right floated"],
.ui.card [class*="right floated"] {
  float: right;
}

/*--------------
     Aligned
---------------*/

.ui.cards > .card [class*="left aligned"],
.ui.card [class*="left aligned"] {
  text-align: left;
}
.ui.cards > .card [class*="center aligned"],
.ui.card [class*="center aligned"] {
  text-align: center;
}
.ui.cards > .card [class*="right aligned"],
.ui.card [class*="right aligned"] {
  text-align: right;
}

/*--------------
  Content Image
---------------*/

.ui.cards > .card .content img,
.ui.card .content img {
  display: inline-block;
  vertical-align: middle;
  width: '';
}
.ui.cards > .card img.avatar,
.ui.cards > .card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}

/*--------------
   Description
---------------*/

.ui.cards > .card > .content > .description,
.ui.card > .content > .description {
  clear: both;
  color: rgba(0, 0, 0, 0.68);
}

/*--------------
    Paragraph
---------------*/

.ui.cards > .card > .content p,
.ui.card > .content p {
  margin: 0em 0em 0.5em;
}
.ui.cards > .card > .content p:last-child,
.ui.card > .content p:last-child {
  margin-bottom: 0em;
}

/*--------------
      Meta
---------------*/

.ui.cards > .card .meta,
.ui.card .meta {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta *,
.ui.card .meta * {
  margin-right: 0.3em;
}
.ui.cards > .card .meta :last-child,
.ui.card .meta :last-child {
  margin-right: 0em;
}
.ui.cards > .card .meta [class*="right floated"],
.ui.card .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}

/*--------------
      Links
---------------*/


/* Generic */
.ui.cards > .card > .content a:not(.ui),
.ui.card > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content a:not(.ui):hover,
.ui.card > .content a:not(.ui):hover {
  color: '';
}

/* Header */
.ui.cards > .card > .content > a.header,
.ui.card > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: #1e70bf;
}

/* Meta */
.ui.cards > .card .meta > a:not(.ui),
.ui.card .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta > a:not(.ui):hover,
.ui.card .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
     Buttons
---------------*/

.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: 0px -1px;
  width: calc(100% +  2px );
}

/*--------------
      Dimmer
---------------*/

.ui.cards > .card .dimmer,
.ui.card .dimmer {
  background-color: '';
  z-index: 10;
}

/*--------------
     Labels
---------------*/


/*-----Star----- */


/* Icon */
.ui.cards > .card > .content .star.icon,
.ui.card > .content .star.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .star.icon:hover,
.ui.card > .content .star.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.cards > .card > .content .active.star.icon,
.ui.card > .content .active.star.icon {
  color: #FFE623;
}

/*-----Like----- */


/* Icon */
.ui.cards > .card > .content .like.icon,
.ui.card > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .like.icon:hover,
.ui.card > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.cards > .card > .content .active.like.icon,
.ui.card > .content .active.like.icon {
  color: #FF2733;
}

/*----------------
  Extra Content
-----------------*/

.ui.cards > .card > .extra,
.ui.card > .extra {
  max-width: 100%;
  min-height: 0em !important;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  position: static;
  background: none;
  width: auto;
  margin: 0em 0em;
  padding: 0.75em 1em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .extra a:not(.ui),
.ui.card > .extra a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover {
  color: #1e70bf;
}


/*******************************
           Variations
*******************************/


/*-------------------
       Raised
--------------------*/

.ui.raised.cards > .card,
.ui.raised.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
.ui.raised.cards a.card:hover,
.ui.link.cards .raised.card:hover,
a.ui.raised.card:hover,
.ui.link.raised.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
}
.ui.raised.cards > .card,
.ui.raised.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}

/*-------------------
       Centered
--------------------*/

.ui.centered.cards {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.centered.card {
  margin-left: auto;
  margin-right: auto;
}

/*-------------------
        Fluid
--------------------*/

.ui.fluid.card {
  width: 100%;
  max-width: 9999px;
}

/*-------------------
        Link
--------------------*/

.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
  -webkit-transform: none;
          transform: none;
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: none;
  -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
          box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

/*-------------------
       Colors
--------------------*/


/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
}
.ui.red.cards > .card:hover,
.ui.cards > .red.card:hover,
.ui.red.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
}

/* Orange */
.ui.orange.cards > .card,
.ui.cards > .orange.card,
.ui.orange.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
}
.ui.orange.cards > .card:hover,
.ui.cards > .orange.card:hover,
.ui.orange.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
}

/* Yellow */
.ui.yellow.cards > .card,
.ui.cards > .yellow.card,
.ui.yellow.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
}
.ui.yellow.cards > .card:hover,
.ui.cards > .yellow.card:hover,
.ui.yellow.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
}

/* Olive */
.ui.olive.cards > .card,
.ui.cards > .olive.card,
.ui.olive.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
}
.ui.olive.cards > .card:hover,
.ui.cards > .olive.card:hover,
.ui.olive.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
}

/* Green */
.ui.green.cards > .card,
.ui.cards > .green.card,
.ui.green.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
}
.ui.green.cards > .card:hover,
.ui.cards > .green.card:hover,
.ui.green.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
}

/* Teal */
.ui.teal.cards > .card,
.ui.cards > .teal.card,
.ui.teal.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
}
.ui.teal.cards > .card:hover,
.ui.cards > .teal.card:hover,
.ui.teal.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
}

/* Blue */
.ui.blue.cards > .card,
.ui.cards > .blue.card,
.ui.blue.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
}
.ui.blue.cards > .card:hover,
.ui.cards > .blue.card:hover,
.ui.blue.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
}

/* Violet */
.ui.violet.cards > .card,
.ui.cards > .violet.card,
.ui.violet.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
}
.ui.violet.cards > .card:hover,
.ui.cards > .violet.card:hover,
.ui.violet.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
}

/* Purple */
.ui.purple.cards > .card,
.ui.cards > .purple.card,
.ui.purple.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
}
.ui.purple.cards > .card:hover,
.ui.cards > .purple.card:hover,
.ui.purple.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
}

/* Pink */
.ui.pink.cards > .card,
.ui.cards > .pink.card,
.ui.pink.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
}
.ui.pink.cards > .card:hover,
.ui.cards > .pink.card:hover,
.ui.pink.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
}

/* Brown */
.ui.brown.cards > .card,
.ui.cards > .brown.card,
.ui.brown.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
}
.ui.brown.cards > .card:hover,
.ui.cards > .brown.card:hover,
.ui.brown.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
}

/* Grey */
.ui.grey.cards > .card,
.ui.cards > .grey.card,
.ui.grey.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
}
.ui.grey.cards > .card:hover,
.ui.cards > .grey.card:hover,
.ui.grey.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
}

/* Black */
.ui.black.cards > .card,
.ui.cards > .black.card,
.ui.black.card {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
}
.ui.black.cards > .card:hover,
.ui.cards > .black.card:hover,
.ui.black.card:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
          box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
}

/*--------------
   Card Count
---------------*/

.ui.one.cards {
  margin-left: 0em;
  margin-right: 0em;
}
.ui.one.cards > .card {
  width: 100%;
}
.ui.two.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.two.cards > .card {
  width: calc( 50%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}
.ui.three.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.three.cards > .card {
  width: calc( 33.33333333%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}
.ui.four.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.four.cards > .card {
  width: calc( 25%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.five.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.five.cards > .card {
  width: calc( 20%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.six.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.six.cards > .card {
  width: calc( 16.66666667%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.seven.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.seven.cards > .card {
  width: calc( 14.28571429%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.eight.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.eight.cards > .card {
  width: calc( 12.5%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
}
.ui.nine.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.nine.cards > .card {
  width: calc( 11.11111111%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 10px;
}
.ui.ten.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.ten.cards > .card {
  width: calc( 10%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*-------------------
      Doubling
--------------------*/



/*--------------
      Size
---------------*/

.ui.cards > .card {
  font-size: 1em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
    User Variable Overrides
*******************************/



/*!
 * # Semantic UI 2.4.1 - Divider
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Divider
*******************************/

.ui.divider {
  margin: 1rem 0rem;
  line-height: 1;
  height: 0em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.85);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*--------------
      Basic
---------------*/

.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/*--------------
    Coupling
---------------*/


/* Allow divider between each column row */
.ui.grid > .column + .divider,
.ui.grid > .row > .column + .divider {
  left: auto;
}

/*--------------
   Horizontal
---------------*/

.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: '';
  line-height: 1;
  text-align: center;
}
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
}
.ui.horizontal.divider:before {
  background-position: right 1em top 50%;
}
.ui.horizontal.divider:after {
  background-position: left 1em top 50%;
}

/*--------------
    Vertical
---------------*/

.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0rem;
  padding: 0em;
  width: auto;
  height: 50%;
  line-height: 0em;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui.vertical.divider:before,
.ui.vertical.divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 0%;
  height: calc(100% -  1rem );
}
.ui.vertical.divider:before {
  top: -100%;
}
.ui.vertical.divider:after {
  top: auto;
  bottom: 0px;
}

/*--------------
      Icon
---------------*/

.ui.divider > .icon {
  margin: 0rem;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle;
}


/*******************************
          Variations
*******************************/


/*--------------
    Hidden
---------------*/

.ui.hidden.divider {
  border-color: transparent !important;
}
.ui.hidden.divider:before,
.ui.hidden.divider:after {
  display: none;
}

/*--------------
    Inverted
---------------*/

.ui.divider.inverted,
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
  color: #FFFFFF;
}
.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
  border-top-color: rgba(34, 36, 38, 0.15) !important;
  border-left-color: rgba(34, 36, 38, 0.15) !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important;
}

/*--------------
    Fitted
---------------*/

.ui.fitted.divider {
  margin: 0em;
}

/*--------------
    Clearing
---------------*/

.ui.clearing.divider {
  clear: both;
}

/*--------------
    Section
---------------*/

.ui.section.divider {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*--------------
     Sizes
---------------*/

.ui.divider {
  font-size: 1rem;
}


/*******************************
         Theme Overrides
*******************************/

.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  background-image: url('');
}



/*******************************
         Site Overrides
*******************************/



/*!
 * # Semantic UI 2.4.1 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Elements
*******************************/


/*--------------------
        Form
---------------------*/

.ui.form {
  position: relative;
  max-width: 100%;
}

/*--------------------
        Content
---------------------*/

.ui.form > p {
  margin: 1em 0em;
}

/*--------------------
        Field
---------------------*/

.ui.form .field {
  clear: both;
  margin: 0em 0em 1em;
}
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0em;
}
.ui.form .fields .field {
  clear: both;
  margin: 0em;
}

/*--------------------
        Labels
---------------------*/

.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}

/*--------------------
    Standard Inputs
---------------------*/

.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  width: 100%;
  vertical-align: top;
}

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.21428571em;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
          box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

/* Text Area */
.ui.form textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
          box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}

/*--------------------------
  Input w/ attached Button
---------------------------*/

.ui.form input.attached {
  width: auto;
}

/*--------------------
     Basic Select
---------------------*/

.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
          box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

/*--------------------
       Dropdown
---------------------*/


/* Block */
.ui.form .field > .selection.dropdown {
  width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right;
}

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none;
}

/*--------------------
       UI Input
---------------------*/


/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%;
}

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle;
}

/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto;
}

/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0px;
}

/*--------------------
   Types of Messages
---------------------*/

.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none;
}

/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0px;
}

/*--------------------
   Validation Prompt
---------------------*/

.ui.form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}


/*******************************
            States
*******************************/


/*--------------------
      Autofilled
---------------------*/

.ui.form .field.field input:-webkit-autofill {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
          box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important;
}

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
          box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important;
}

/* Error */
.ui.form .error.error input:-webkit-autofill {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
          box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87) !important;
}
.ui.form ::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87) !important;
}
.ui.form :focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}

/*--------------------
        Focus
---------------------*/

.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
          box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
          box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none;
}

/*--------------------
        Success
---------------------*/


/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*--------------------
        Warning
---------------------*/


/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*--------------------
        Error
---------------------*/


/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
  color: #9F3A38;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}

/*------------------
    Dropdown Error
--------------------*/

.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38;
}

/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7;
}

/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7;
}

/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important;
}

/*--------------------
    Checkbox Error
---------------------*/

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #9F3A38;
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
  color: #9F3A38;
}

/*--------------------
       Disabled
---------------------*/

.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 0.45;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}

/*--------------
    Loading
---------------*/

.ui.loading.form {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.ui.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
          animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*******************************
         Element Types
*******************************/


/*--------------------
     Required Field
---------------------*/

.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #DB2828;
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%;
}


/*******************************
           Variations
*******************************/


/*--------------------
    Inverted Colors
---------------------*/

.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p {
  color: rgba(255, 255, 255, 0.9);
}

/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------
     Field Groups
---------------------*/


/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0em 0em 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0em;
}
.ui.form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em;
}

/*--------------------
        Fields
---------------------*/


/* Split fields */
.ui.form .fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0em -0.5em 1em;
}
.ui.form .fields > .field {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
  border-left: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.33333333%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
}
.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.66666667%;
}
.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.28571429%;
}
.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%;
}
.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.11111111%;
}
.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%;
}

/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .one.wide.field {
  width: 6.25% !important;
}
.ui.form .two.wide.field {
  width: 12.5% !important;
}
.ui.form .three.wide.field {
  width: 18.75% !important;
}
.ui.form .four.wide.field {
  width: 25% !important;
}
.ui.form .five.wide.field {
  width: 31.25% !important;
}
.ui.form .six.wide.field {
  width: 37.5% !important;
}
.ui.form .seven.wide.field {
  width: 43.75% !important;
}
.ui.form .eight.wide.field {
  width: 50% !important;
}
.ui.form .nine.wide.field {
  width: 56.25% !important;
}
.ui.form .ten.wide.field {
  width: 62.5% !important;
}
.ui.form .eleven.wide.field {
  width: 68.75% !important;
}
.ui.form .twelve.wide.field {
  width: 75% !important;
}
.ui.form .thirteen.wide.field {
  width: 81.25% !important;
}
.ui.form .fourteen.wide.field {
  width: 87.5% !important;
}
.ui.form .fifteen.wide.field {
  width: 93.75% !important;
}
.ui.form .sixteen.wide.field {
  width: 100% !important;
}

/*--------------------
     Equal Width
---------------------*/

.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*--------------------
    Inline Fields
---------------------*/

.ui.form .inline.fields {
  margin: 0em 0em 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em;
}

/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
}

/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em;
}

/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em;
}

/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em;
}

/* Wide */
.ui.form .inline.fields .wide.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%;
}

/*--------------------
        Sizes
---------------------*/

.ui.mini.form {
  font-size: 0.78571429rem;
}
.ui.tiny.form {
  font-size: 0.85714286rem;
}
.ui.small.form {
  font-size: 0.92857143rem;
}
.ui.form {
  font-size: 1rem;
}
.ui.large.form {
  font-size: 1.14285714rem;
}
.ui.big.form {
  font-size: 1.28571429rem;
}
.ui.huge.form {
  font-size: 1.42857143rem;
}
.ui.massive.form {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/




/*!
 * # Semantic UI 2.4.1 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Standard
*******************************/


/*--------------------
        Inputs
---------------------*/

.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}
.ui.input > input {
  margin: 0em;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0.67857143em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.input > input::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input > input::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input > input:-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}


/*******************************
            States
*******************************/


/*--------------------
        Disabled
---------------------*/

.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 0.45;
}
.ui.disabled.input > input,
.ui.input:not(.disabled) input[disabled] {
  pointer-events: none;
}

/*--------------------
        Active
---------------------*/

.ui.input > input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: #FAFAFA;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus > input,
.ui.input > input:focus {
  border-color: #85B7D9;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.input.focus > input::-webkit-input-placeholder,
.ui.input > input:focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus > input::-moz-placeholder,
.ui.input > input:focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus > input:-ms-input-placeholder,
.ui.input > input:focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Error
---------------------*/

.ui.input.error > input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Error Placeholder */
.ui.input.error > input::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.input.error > input::-moz-placeholder {
  color: #e7bdbc;
}
.ui.input.error > input:-ms-input-placeholder {
  color: #e7bdbc !important;
}

/* Focused Error Placeholder */
.ui.input.error > input:focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.input.error > input:focus::-moz-placeholder {
  color: #da9796;
}
.ui.input.error > input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}


/*******************************
           Variations
*******************************/


/*--------------------
      Transparent
---------------------*/

.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0px !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em !important;
  padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #FFFFFF;
}
.ui.transparent.inverted.input > input {
  color: inherit;
}
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/*--------------------
         Icon
---------------------*/

.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input > input {
  padding-right: 2.67142857em !important;
}
.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
        Labeled
---------------------*/


/* Adjacent Label */
.ui.labeled.input > .label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #85B7D9;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > input + .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input > input:focus {
  border-right-color: #85B7D9 !important;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0em 0.28571429rem 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
  padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
  margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input > input {
  padding-left: 2.5em !important;
}
.ui[class*="left corner labeled"].icon.input > input {
  padding-left: 3.25em !important;
}
.ui[class*="left corner labeled"].icon.input > .icon {
  margin-left: 1.25em;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: #85B7D9 !important;
}

/* Button on Left */
.ui[class*="left action"].input > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}

/* Input Focus */
.ui[class*="left action"].input > input:focus {
  border-left-color: #85B7D9 !important;
}

/*--------------------
       Inverted
---------------------*/


/* Standard */
.ui.inverted.input > input {
  border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}

/*--------------------
        Size
---------------------*/

.ui.mini.input {
  font-size: 0.78571429em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}
.ui.huge.input {
  font-size: 1.42857143em;
}
.ui.massive.input {
  font-size: 1.71428571em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/




/*!
 * # Semantic UI 2.4.1 - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Button
*******************************/

.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #E0E1E2 none;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em 0.25em 0em 0em;
  padding: 0.78571429em 1.5em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}


/*******************************
            States
*******************************/


/*--------------
      Hover
---------------*/

.ui.button:hover {
  background-color: #CACBCD;
  background-image: none;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
  opacity: 0.85;
}

/*--------------
      Focus
---------------*/

.ui.button:focus {
  background-color: #CACBCD;
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  -webkit-box-shadow: '' !important;
          box-shadow: '' !important;
}
.ui.button:focus .icon {
  opacity: 0.85;
}

/*--------------
      Down
---------------*/

.ui.button:active,
.ui.active.button:active {
  background-color: #BABBBC;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none;
          box-shadow: 0px 0px 0px 1px transparent inset, none;
}

/*--------------
     Active
---------------*/

.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
          box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none;
}

/*--------------
    Loading
---------------*/


/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity 0.1s ease;
  transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #FFFFFF transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #767676;
}

/*-------------------
      Disabled
--------------------*/

.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  pointer-events: none !important;
}

/* Basic Group With Disabled */
.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, 0.5);
}


/*******************************
             Types
*******************************/


/*-------------------
       Animated
--------------------*/

.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0em !important;
  vertical-align: middle;
  z-index: 1;
}
.ui.animated.button .content {
  will-change: transform, opacity;
}
.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1.5em;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}

/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  -webkit-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0%;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.5em;
}
.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%;
}

/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.vertical.animated.button .visible.content {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -50%;
  left: 0%;
  right: auto;
}
.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}

/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*-------------------
       Inverted
--------------------*/

.ui.inverted.button {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
          box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  background: transparent none;
  color: #FFFFFF;
  text-shadow: none !important;
}

/* Group */
.ui.inverted.buttons .button {
  margin: 0px 0px 0px -2px;
}
.ui.inverted.buttons .button:first-child {
  margin-left: 0em;
}
.ui.inverted.vertical.buttons .button {
  margin: 0px 0px -2px 0px;
}
.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0em;
}

/* States */

/* Hover */
.ui.inverted.button:hover {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
          box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}

/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
          box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}

/* Active Focus */
.ui.inverted.button.active:focus {
  background: #DCDDDE;
  -webkit-box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
          box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
  color: rgba(0, 0, 0, 0.8);
}

/*-------------------
    Labeled Button
--------------------*/

.ui.labeled.button:not(.icon) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: none !important;
  padding: 0px !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ui.labeled.button > .button {
  margin: 0px;
}
.ui.labeled.button > .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px 0px -1px !important;
  padding: '';
  font-size: 1em;
  border-color: rgba(34, 36, 38, 0.15);
}

/* Tag */
.ui.labeled.button > .tag.label:before {
  width: 1.85em;
  height: 1.85em;
}

/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Left Side */
.ui[class*="left labeled"].button > .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="left labeled"].button > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*-------------------
       Social
--------------------*/


/* Facebook */
.ui.facebook.button {
  background-color: #3B5998;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.facebook.button:hover {
  background-color: #304d8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.facebook.button:active {
  background-color: #2d4373;
  color: #FFFFFF;
  text-shadow: none;
}

/* Twitter */
.ui.twitter.button {
  background-color: #55ACEE;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.twitter.button:hover {
  background-color: #35a2f4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #2795e9;
  color: #FFFFFF;
  text-shadow: none;
}

/* Google Plus */
.ui.google.plus.button {
  background-color: #DD4B39;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.google.plus.button:hover {
  background-color: #e0321c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.google.plus.button:active {
  background-color: #c23321;
  color: #FFFFFF;
  text-shadow: none;
}

/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:hover {
  background-color: #147baf;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:active {
  background-color: #186992;
  color: #FFFFFF;
  text-shadow: none;
}

/* YouTube */
.ui.youtube.button {
  background-color: #FF0000;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.youtube.button:hover {
  background-color: #e60000;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.youtube.button:active {
  background-color: #cc0000;
  color: #FFFFFF;
  text-shadow: none;
}

/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.instagram.button:hover {
  background-color: #3d698e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.instagram.button:active {
  background-color: #395c79;
  color: #FFFFFF;
  text-shadow: none;
}

/* Pinterest */
.ui.pinterest.button {
  background-color: #BD081C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #FFFFFF;
  text-shadow: none;
}

/* VK */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.vk.button:hover {
  background-color: #41648a;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #3c5876;
  color: #FFFFFF;
}

/*--------------
     Icon
---------------*/

.ui.button > .icon:not(.button) {
  height: 0.85714286em;
  opacity: 0.8;
  margin: 0em 0.42857143em 0em -0.21428571em;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  vertical-align: '';
  color: '';
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
  margin: 0em 0.42857143em 0em -0.21428571em;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 0em -0.21428571em 0em 0.42857143em;
}


/*******************************
           Variations
*******************************/


/*-------------------
       Floated
--------------------*/

.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0em;
  margin-right: 0.25em;
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0em;
  margin-left: 0.25em;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.58928571em 1.125em 0.58928571em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.58928571em 0.58928571em 0.58928571em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.58928571em 3.69642857em 0.58928571em;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.78571429rem;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.85714286rem;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.92857143rem;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.14285714rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.28571429rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.42857143rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.71428571rem;
}

/*--------------
    Icon Only
---------------*/

.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.78571429em 0.78571429em 0.78571429em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em !important;
  vertical-align: top;
}

/*-------------------
        Basic
--------------------*/

.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal;
  border-radius: 0.28571429rem;
  text-transform: none;
  text-shadow: none !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.basic.buttons .button {
  border-radius: 0em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05) !important;
  -webkit-box-shadow: '' !important;
          box-shadow: '' !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Vertical */
.ui.basic.buttons .button:hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .button:active {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .active.button {
  -webkit-box-shadow: '' !important;
          box-shadow: '' !important;
}

/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #F9FAFB !important;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
          box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
          box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
}
.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
}
.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
          box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}

/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
}
.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0px;
}

/*--------------
  Labeled Icon
---------------*/

.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4.07142857em !important;
  padding-right: 1.5em !important;
}

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  height: 100%;
  line-height: 1;
  border-radius: 0px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  margin: 0em;
  width: 2.57142857em;
  background-color: rgba(0, 0, 0, 0.05);
  color: '';
  -webkit-box-shadow: -1px 0px 0px 0px transparent inset;
          box-shadow: -1px 0px 0px 0px transparent inset;
}

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  top: 0em;
  left: 0em;
}

/* Right Labeled */
.ui[class*="right labeled"].icon.button {
  padding-right: 4.07142857em !important;
  padding-left: 1.5em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
  left: auto;
  right: 0em;
  border-radius: 0px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-box-shadow: 1px 0px 0px 0px transparent inset;
          box-shadow: 1px 0px 0px 0px transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
.ui.labeled.icon.button > .icon:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.28571429rem;
}

/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

/*--------------
     Toggle
---------------*/


/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #21BA45 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: none;
  color: #FFFFFF !important;
}
.ui.button.toggle.active:hover {
  background-color: #16ab39 !important;
  text-shadow: none;
  color: #FFFFFF !important;
}

/*--------------
    Circular
---------------*/

.ui.circular.button {
  border-radius: 10em;
}
.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}

/*-------------------
      Or Buttons
--------------------*/

.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.57142857em;
  z-index: 3;
}
.ui.buttons .or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  text-shadow: none;
  margin-top: -0.89285714em;
  margin-left: -0.89285714em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
          box-shadow: 0px 0px 0px 1px transparent inset;
}
.ui.buttons .or[data-text]:before {
  content: attr(data-text);
}

/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important;
}
.ui.fluid.buttons .or:after {
  display: none;
}

/*-------------------
       Attached
--------------------*/


/* Singular */
.ui.attached.button {
  position: relative;
  display: block;
  margin: 0em;
  border-radius: 0em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
}

/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/* Plural */
.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0em;
  width: auto !important;
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached.buttons .button {
  margin: 0em;
}
.ui.attached.buttons .button:first-child {
  border-radius: 0em;
}
.ui.attached.buttons .button:last-child {
  border-radius: 0em;
}

/* Top / Bottom */
.ui[class*="top attached"].buttons {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}

/* Left / Right */
.ui[class*="left attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui[class*="right attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.28571429rem;
}

/*-------------------
        Fluid
--------------------*/

.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%;
}
.ui.fluid.button {
  display: block;
}
.ui.two.buttons {
  width: 100%;
}
.ui.two.buttons > .button {
  width: 50%;
}
.ui.three.buttons {
  width: 100%;
}
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.four.buttons {
  width: 100%;
}
.ui.four.buttons > .button {
  width: 25%;
}
.ui.five.buttons {
  width: 100%;
}
.ui.five.buttons > .button {
  width: 20%;
}
.ui.six.buttons {
  width: 100%;
}
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.seven.buttons {
  width: 100%;
}
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.eight.buttons {
  width: 100%;
}
.ui.eight.buttons > .button {
  width: 12.5%;
}
.ui.nine.buttons {
  width: 100%;
}
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.ten.buttons {
  width: 100%;
}
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.eleven.buttons {
  width: 100%;
}
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.twelve.buttons {
  width: 100%;
}
.ui.twelve.buttons > .button {
  width: 8.3333%;
}

/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.eight.vertical.buttons > .button {
  height: 12.5%;
}
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}

/*-------------------
       Colors
--------------------*/


/*--- Black ---*/

.ui.black.buttons .button,
.ui.black.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.black.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #2f3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
  background-color: #0f0f10;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
          box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
  color: #1B1C1D !important;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;
          box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
          box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
          box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
  color: #343637 !important;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important;
          box-shadow: 0px 0px 0px 1px #343637 inset !important;
  color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
          box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus {
  background-color: #000000;
}
.ui.inverted.black.buttons .active.button,
.ui.inverted.black.active.button {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  background-color: #000000;
}

/* Inverted Basic */
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;
          box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;
          box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #545454 !important;
}
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;
          box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;
          box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}

/*--- Grey ---*/

.ui.grey.buttons .button,
.ui.grey.button {
  background-color: #767676;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.grey.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #838383;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #8a8a8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #909090;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
  background-color: #696969;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important;
          box-shadow: 0px 0px 0px 1px #767676 inset !important;
  color: #767676 !important;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important;
          box-shadow: 0px 0px 0px 1px #838383 inset !important;
  color: #838383 !important;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
          box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
  color: #838383 !important;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important;
          box-shadow: 0px 0px 0px 1px #696969 inset !important;
  color: #909090 !important;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important;
          box-shadow: 0px 0px 0px 1px #909090 inset !important;
  color: #909090 !important;
}
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
          box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #cfd0d2;
}
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus {
  background-color: #c7c9cb;
}
.ui.inverted.grey.buttons .active.button,
.ui.inverted.grey.active.button {
  background-color: #cfd0d2;
}
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  background-color: #c2c4c5;
}

/* Inverted Basic */
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button,
.ui.inverted.grey.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
          box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
          box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
  color: #DCDDDE !important;
}
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
          box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
          box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
  color: #FFFFFF !important;
}

/*--- Brown ---*/

.ui.brown.buttons .button,
.ui.brown.button {
  background-color: #A5673F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.brown.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #975b33;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #90532b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
  background-color: #995a31;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important;
          box-shadow: 0px 0px 0px 1px #A5673F inset !important;
  color: #A5673F !important;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important;
          box-shadow: 0px 0px 0px 1px #975b33 inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important;
          box-shadow: 0px 0px 0px 1px #90532b inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important;
          box-shadow: 0px 0px 0px 1px #995a31 inset !important;
  color: #805031 !important;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important;
          box-shadow: 0px 0px 0px 1px #805031 inset !important;
  color: #805031 !important;
}
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
          box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
  color: #D67C1C;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #c86f11;
}
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus {
  background-color: #c16808;
}
.ui.inverted.brown.buttons .active.button,
.ui.inverted.brown.active.button {
  background-color: #cc6f0d;
}
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  background-color: #a96216;
}

/* Inverted Basic */
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button,
.ui.inverted.brown.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
          box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important;
          box-shadow: 0px 0px 0px 2px #c16808 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
          box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important;
          box-shadow: 0px 0px 0px 2px #a96216 inset !important;
  color: #D67C1C !important;
}

/*--- Blue ---*/

.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.blue.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
          box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  color: #2185D0 !important;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
          box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  color: #1678c2 !important;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
          box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  color: #1678c2 !important;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
          box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  color: #1a69a4 !important;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
          box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  color: #1a69a4 !important;
}
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
          box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
  color: #54C8FF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #3ac0ff;
}
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.blue.buttons .active.button,
.ui.inverted.blue.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  background-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
          box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
          box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
          box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
          box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
  color: #54C8FF !important;
}

/*--- Green ---*/

.ui.green.buttons .button,
.ui.green.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.green.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
          box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
  color: #21BA45 !important;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
          box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
  color: #16ab39 !important;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
          box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
  color: #16ab39 !important;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
          box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
  color: #198f35 !important;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important;
          box-shadow: 0px 0px 0px 1px #198f35 inset !important;
  color: #198f35 !important;
}
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
          box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
  color: #2ECC40;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #22be34;
}
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus {
  background-color: #19b82b;
}
.ui.inverted.green.buttons .active.button,
.ui.inverted.green.active.button {
  background-color: #1fc231;
}
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  background-color: #25a233;
}

/* Inverted Basic */
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important;
          box-shadow: 0px 0px 0px 2px #22be34 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important;
          box-shadow: 0px 0px 0px 2px #19b82b inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
          box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important;
          box-shadow: 0px 0px 0px 2px #25a233 inset !important;
  color: #2ECC40 !important;
}

/*--- Orange ---*/

.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #F2711C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.orange.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f26202;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #cf590c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: #f56100;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important;
          box-shadow: 0px 0px 0px 1px #F2711C inset !important;
  color: #F2711C !important;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important;
          box-shadow: 0px 0px 0px 1px #f26202 inset !important;
  color: #f26202 !important;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
          box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
  color: #f26202 !important;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important;
          box-shadow: 0px 0px 0px 1px #f56100 inset !important;
  color: #cf590c !important;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important;
          box-shadow: 0px 0px 0px 1px #cf590c inset !important;
  color: #cf590c !important;
}
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important;
          box-shadow: 0px 0px 0px 2px #FF851B inset !important;
  color: #FF851B;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus {
  background-color: #f17000;
}
.ui.inverted.orange.buttons .active.button,
.ui.inverted.orange.active.button {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  background-color: #e76b00;
}

/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
          box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important;
          box-shadow: 0px 0px 0px 2px #f17000 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
          box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
          box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
  color: #FF851B !important;
}

/*--- Pink ---*/

.ui.pink.buttons .button,
.ui.pink.button {
  background-color: #E03997;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.pink.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e61a8d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e10f85;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
  background-color: #ea158d;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important;
          box-shadow: 0px 0px 0px 1px #E03997 inset !important;
  color: #E03997 !important;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
          box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
          box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important;
          box-shadow: 0px 0px 0px 1px #ea158d inset !important;
  color: #c71f7e !important;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
          box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
  color: #c71f7e !important;
}
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
          box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
  color: #FF8EDF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus {
  background-color: #ff65d3;
}
.ui.inverted.pink.buttons .active.button,
.ui.inverted.pink.active.button {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  background-color: #ff5bd1;
}

/* Inverted Basic */
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
          box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
          box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
          box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
          box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
  color: #FF8EDF !important;
}

/*--- Violet ---*/

.ui.violet.buttons .button,
.ui.violet.button {
  background-color: #6435C9;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.violet.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #5829bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #4f20b5;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #502aa1;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
  background-color: #5626bf;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
          box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
  color: #6435C9 !important;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important;
          box-shadow: 0px 0px 0px 1px #5829bb inset !important;
  color: #5829bb !important;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
          box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
  color: #5829bb !important;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important;
          box-shadow: 0px 0px 0px 1px #5626bf inset !important;
  color: #502aa1 !important;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
          box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
  color: #502aa1 !important;
}
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important;
          box-shadow: 0px 0px 0px 2px #A291FB inset !important;
  color: #A291FB;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus {
  background-color: #7d64ff;
}
.ui.inverted.violet.buttons .active.button,
.ui.inverted.violet.active.button {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  background-color: #7860f9;
}

/* Inverted Basic */
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button,
.ui.inverted.violet.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
          box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
          box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
          box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
          box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
  color: #A291FB !important;
}

/*--- Purple ---*/

.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #A333C8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.purple.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9627ba;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #8f1eb4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
  background-color: #9724be;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
          box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
  color: #A333C8 !important;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important;
          box-shadow: 0px 0px 0px 1px #9627ba inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
          box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important;
          box-shadow: 0px 0px 0px 1px #9724be inset !important;
  color: #82299f !important;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important;
          box-shadow: 0px 0px 0px 1px #82299f inset !important;
  color: #82299f !important;
}
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
          box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
  color: #DC73FF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #d65aff;
}
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus {
  background-color: #d24aff;
}
.ui.inverted.purple.buttons .active.button,
.ui.inverted.purple.active.button {
  background-color: #d65aff;
}
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  background-color: #cf40ff;
}

/* Inverted Basic */
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important;
          box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important;
          box-shadow: 0px 0px 0px 2px #d24aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important;
          box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
          box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
  color: #DC73FF !important;
}

/*--- Red ---*/

.ui.red.buttons .button,
.ui.red.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.red.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
          box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
  color: #DB2828 !important;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important;
          box-shadow: 0px 0px 0px 1px #d01919 inset !important;
  color: #d01919 !important;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
          box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
  color: #d01919 !important;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important;
          box-shadow: 0px 0px 0px 1px #d41515 inset !important;
  color: #b21e1e !important;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
          box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
  color: #b21e1e !important;
}
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important;
          box-shadow: 0px 0px 0px 2px #FF695E inset !important;
  color: #FF695E;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus {
  background-color: #ff4335;
}
.ui.inverted.red.buttons .active.button,
.ui.inverted.red.active.button {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  background-color: #ff392b;
}

/* Inverted Basic */
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
          box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
          box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
          box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important;
          box-shadow: 0px 0px 0px 2px #ff392b inset !important;
  color: #FF695E !important;
}

/*--- Teal ---*/

.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.teal.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #008c86;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00827c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
          box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
  color: #00B5AD !important;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important;
          box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #009c95 !important;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important;
          box-shadow: 0px 0px 0px 1px #008c86 inset !important;
  color: #009c95 !important;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important;
          box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #00827c !important;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important;
          box-shadow: 0px 0px 0px 1px #00827c inset !important;
  color: #00827c !important;
}
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
          box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
  color: #6DFFFF;
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #54ffff;
}
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus {
  background-color: #44ffff;
}
.ui.inverted.teal.buttons .active.button,
.ui.inverted.teal.active.button {
  background-color: #54ffff;
}
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  background-color: #3affff;
}

/* Inverted Basic */
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important;
          box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important;
          box-shadow: 0px 0px 0px 2px #44ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important;
          box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important;
          box-shadow: 0px 0px 0px 2px #3affff inset !important;
  color: #6DFFFF !important;
}

/*--- Olive ---*/

.ui.olive.buttons .button,
.ui.olive.button {
  background-color: #B5CC18;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.olive.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a7bd0d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a0b605;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
  background-color: #aac109;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
          box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
  color: #B5CC18 !important;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
          box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
          box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important;
          box-shadow: 0px 0px 0px 1px #aac109 inset !important;
  color: #8d9e13 !important;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
          box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
  color: #8d9e13 !important;
}
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
          box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
  color: #D9E778;
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #d8ea5c;
}
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus {
  background-color: #daef47;
}
.ui.inverted.olive.buttons .active.button,
.ui.inverted.olive.active.button {
  background-color: #daed59;
}
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  background-color: #cddf4d;
}

/* Inverted Basic */
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button,
.ui.inverted.olive.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
          box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important;
          box-shadow: 0px 0px 0px 2px #daef47 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important;
          box-shadow: 0px 0px 0px 2px #daed59 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
          box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
  color: #D9E778 !important;
}

/*--- Yellow ---*/

.ui.yellow.buttons .button,
.ui.yellow.button {
  background-color: #FBBD08;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.yellow.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #daa300;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #cd9903;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;
          box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;
  color: #FBBD08 !important;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
          box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
  color: #eaae00 !important;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important;
          box-shadow: 0px 0px 0px 1px #daa300 inset !important;
  color: #eaae00 !important;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
          box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
  color: #cd9903 !important;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
          box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
  color: #cd9903 !important;
}
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
          box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
  color: #FFE21F;
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
  background-color: #f5d500;
}
.ui.inverted.yellow.buttons .active.button,
.ui.inverted.yellow.active.button {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  background-color: #ebcd00;
}

/* Inverted Basic */
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
          box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
          box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
          box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
          box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
  color: #FFE21F !important;
}

/*-------------------
       Primary
--------------------*/


/*--- Standard ---*/

.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.primary.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
          box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  color: #2185D0 !important;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
          box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  color: #1678c2 !important;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
          box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  color: #1678c2 !important;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
          box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  color: #1a69a4 !important;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
          box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  color: #1a69a4 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
          box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
  color: #54C8FF;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover,
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus,
.ui.inverted.primary.buttons .button.active,
.ui.inverted.primary.button.active,
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.primary.basic.buttons .button,
.ui.inverted.primary.buttons .basic.button,
.ui.inverted.primary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.primary.basic.buttons .button:hover,
.ui.inverted.primary.buttons .basic.button:hover,
.ui.inverted.primary.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
          box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
          box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.primary.basic.buttons .active.button,
.ui.inverted.primary.buttons .basic.active.button,
.ui.inverted.primary.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
          box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.primary.basic.buttons .button:active,
.ui.inverted.primary.buttons .basic.button:active,
.ui.inverted.primary.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
          box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
  color: #54C8FF !important;
}

/*-------------------
      Secondary
--------------------*/


/* Standard */
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.secondary.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: #2e3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
          box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
  color: #1B1C1D !important;
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;
          box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #27292a !important;
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
          box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
  color: #27292a !important;
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;
          box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #343637 !important;
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important;
          box-shadow: 0px 0px 0px 1px #343637 inset !important;
  color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}

/* Inverted */
.ui.inverted.secondary.buttons .button,
.ui.inverted.secondary.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important;
          box-shadow: 0px 0px 0px 2px #545454 inset !important;
  color: #545454;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover,
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus,
.ui.inverted.secondary.buttons .button.active,
.ui.inverted.secondary.button.active,
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus {
  background-color: #686868;
}
.ui.inverted.secondary.buttons .active.button,
.ui.inverted.secondary.active.button {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  background-color: #6e6e6e;
}

/* Inverted Basic */
.ui.inverted.secondary.basic.buttons .button,
.ui.inverted.secondary.buttons .basic.button,
.ui.inverted.secondary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
          box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.secondary.basic.buttons .button:hover,
.ui.inverted.secondary.buttons .basic.button:hover,
.ui.inverted.secondary.basic.button:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;
          box-shadow: 0px 0px 0px 2px #616161 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important;
          box-shadow: 0px 0px 0px 2px #686868 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .active.button,
.ui.inverted.secondary.buttons .basic.active.button,
.ui.inverted.secondary.basic.active.button {
  -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;
          box-shadow: 0px 0px 0px 2px #616161 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .button:active,
.ui.inverted.secondary.buttons .basic.button:active,
.ui.inverted.secondary.basic.button:active {
  -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
          box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
  color: #545454 !important;
}

/*---------------
    Positive
----------------*/


/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.positive.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
          box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
  color: #21BA45 !important;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
          box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
  color: #16ab39 !important;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
          box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
  color: #16ab39 !important;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
          box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
  color: #198f35 !important;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important;
          box-shadow: 0px 0px 0px 1px #198f35 inset !important;
  color: #198f35 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}

/*---------------
     Negative
----------------*/


/* Standard */
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.negative.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
          box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
  color: #DB2828 !important;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important;
          box-shadow: 0px 0px 0px 1px #d01919 inset !important;
  color: #d01919 !important;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
          box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
  color: #d01919 !important;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important;
          box-shadow: 0px 0px 0px 1px #d41515 inset !important;
  color: #b21e1e !important;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
          box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
  color: #b21e1e !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}


/*******************************
            Groups
*******************************/

.ui.buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0em 0.25em 0em 0em;
}
.ui.buttons:not(.basic):not(.inverted) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Clearfix */
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Standard Group */
.ui.buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0em;
  border-radius: 0em;
  margin: 0px 0px 0px 0px;
}
.ui.buttons > .ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted) > .button {
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0em;
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}

/* Vertical  Style */
.ui.vertical.buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0em;
}
.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:last-child {
  margin-bottom: 0px;
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:only-child {
  border-radius: 0.28571429rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/


/*!
 * # Semantic UI 2.4.1 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Table
*******************************/


/* Prototype */
.ui.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.28571429rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  border-collapse: separate;
  border-spacing: 0px;
}
.ui.table:first-child {
  margin-top: 0em;
}
.ui.table:last-child {
  margin-bottom: 0em;
}


/*******************************
             Parts
*******************************/


/* Table Content */
.ui.table th,
.ui.table td {
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
}

/* Headers */
.ui.table thead {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.table thead th {
  cursor: auto;
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.92857143em 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}
.ui.table thead tr > th:first-child {
  border-left: none;
}
.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Footer */
.ui.table tfoot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429em 0.78571429em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.ui.table tfoot tr > th:first-child {
  border-left: none;
}
.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Table Row */
.ui.table tr td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table tr:first-child td {
  border-top: none;
}

/* Repeated tbody */
.ui.table tbody + tbody tr:first-child td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}

/* Table Cells */
.ui.table td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}

/* Icons */
.ui.table > .icon {
  vertical-align: baseline;
}
.ui.table > .icon:only-child {
  margin: 0em;
}

/* Table Segment */
.ui.table.segment {
  padding: 0em;
}
.ui.table.segment:after {
  display: none;
}
.ui.table.segment.stacked:after {
  display: block;
}


/*******************************
            Coupling
*******************************/


/* UI Image */
.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
  max-width: none;
}


/*******************************
             Types
*******************************/


/*--------------
    Complex
---------------*/

.ui.structured.table {
  border-collapse: collapse;
}
.ui.structured.table thead th {
  border-left: none;
  border-right: none;
}
.ui.structured.sortable.table thead th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.structured.basic.table th {
  border-left: none;
  border-right: none;
}
.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}

/*--------------
   Definition
---------------*/

.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -1px -1px 0px 1px #FFFFFF;
          box-shadow: -1px -1px 0px 1px #FFFFFF;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: rgba(0, 0, 0, 0.4);
  color: normal;
  -webkit-box-shadow: 1px 1px 0px 1px #FFFFFF;
          box-shadow: 1px 1px 0px 1px #FFFFFF;
}

/* Remove Border */
.ui.celled.definition.table thead:not(.full-width) th:first-child {
  -webkit-box-shadow: 0px -1px 0px 1px #FFFFFF;
          box-shadow: 0px -1px 0px 1px #FFFFFF;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  -webkit-box-shadow: 0px 1px 0px 1px #FFFFFF;
          box-shadow: 0px 1px 0px 1px #FFFFFF;
}

/* Highlight Defining Column */
.ui.definition.table tr td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: '';
  -webkit-box-shadow: '';
          box-shadow: '';
  text-align: '';
  font-size: 1em;
  padding-left: '';
  padding-right: '';
}

/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}


/*******************************
             States
*******************************/


/*--------------
    Positive
---------------*/

.ui.table tr.positive,
.ui.table td.positive {
  -webkit-box-shadow: 0px 0px 0px #A3C293 inset;
          box-shadow: 0px 0px 0px #A3C293 inset;
}
.ui.table tr.positive,
.ui.table td.positive {
  background: #FCFFF5 !important;
  color: #2C662D !important;
}

/*--------------
     Negative
---------------*/

.ui.table tr.negative,
.ui.table td.negative {
  -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
          box-shadow: 0px 0px 0px #E0B4B4 inset;
}
.ui.table tr.negative,
.ui.table td.negative {
  background: #FFF6F6 !important;
  color: #9F3A38 !important;
}

/*--------------
      Error
---------------*/

.ui.table tr.error,
.ui.table td.error {
  -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
          box-shadow: 0px 0px 0px #E0B4B4 inset;
}
.ui.table tr.error,
.ui.table td.error {
  background: #FFF6F6 !important;
  color: #9F3A38 !important;
}

/*--------------
     Warning
---------------*/

.ui.table tr.warning,
.ui.table td.warning {
  -webkit-box-shadow: 0px 0px 0px #C9BA9B inset;
          box-shadow: 0px 0px 0px #C9BA9B inset;
}
.ui.table tr.warning,
.ui.table td.warning {
  background: #FFFAF3 !important;
  color: #573A08 !important;
}

/*--------------
     Active
---------------*/

.ui.table tr.active,
.ui.table td.active {
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
}
.ui.table tr.active,
.ui.table td.active {
  background: #E0E0E0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

/*--------------
     Disabled
---------------*/

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}


/*******************************
          Variations
*******************************/


/*--------------
    Stackable
---------------*/

/*--------------
 Text Alignment
---------------*/

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right;
}

/*------------------
 Vertical Alignment
------------------*/

.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top;
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle;
}
.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom;
}

/*--------------
    Collapsing
---------------*/

.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}

/*--------------
     Fixed
---------------*/

.ui.fixed.table {
  table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*--------------
   Selectable
---------------*/

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0em;
}
.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
  padding: 0.78571429em 0.78571429em;
}

/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffe7e7 !important;
  color: #943634 !important;
}
.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4 !important;
  color: #493107 !important;
}
.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #E0E0E0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #f7ffe6 !important;
  color: #275b28 !important;
}
.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffe7e7 !important;
  color: #943634 !important;
}

/*-------------------
      Attached
--------------------*/


/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% - (-1px * 2));
  max-width: calc(100% - (-1px * 2));
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached + .ui.attached.table:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].table {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */
.ui[class*="bottom attached"].table {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1em;
  -webkit-box-shadow: none, none;
          box-shadow: none, none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].table:last-child {
  margin-bottom: 0em;
}

/*--------------
     Striped
---------------*/


/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}

/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Allow striped active hover */
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

/*--------------
   Single Line
---------------*/

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}

/*-------------------
       Colors
--------------------*/


/* Red */
.ui.red.table {
  border-top: 0.2em solid #DB2828;
}
.ui.inverted.red.table {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Orange */
.ui.orange.table {
  border-top: 0.2em solid #F2711C;
}
.ui.inverted.orange.table {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Yellow */
.ui.yellow.table {
  border-top: 0.2em solid #FBBD08;
}
.ui.inverted.yellow.table {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Olive */
.ui.olive.table {
  border-top: 0.2em solid #B5CC18;
}
.ui.inverted.olive.table {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Green */
.ui.green.table {
  border-top: 0.2em solid #21BA45;
}
.ui.inverted.green.table {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Teal */
.ui.teal.table {
  border-top: 0.2em solid #00B5AD;
}
.ui.inverted.teal.table {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Blue */
.ui.blue.table {
  border-top: 0.2em solid #2185D0;
}
.ui.inverted.blue.table {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Violet */
.ui.violet.table {
  border-top: 0.2em solid #6435C9;
}
.ui.inverted.violet.table {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Purple */
.ui.purple.table {
  border-top: 0.2em solid #A333C8;
}
.ui.inverted.purple.table {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Pink */
.ui.pink.table {
  border-top: 0.2em solid #E03997;
}
.ui.inverted.pink.table {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Brown */
.ui.brown.table {
  border-top: 0.2em solid #A5673F;
}
.ui.inverted.brown.table {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */
.ui.grey.table {
  border-top: 0.2em solid #767676;
}
.ui.inverted.grey.table {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Black */
.ui.black.table {
  border-top: 0.2em solid #1B1C1D;
}
.ui.inverted.black.table {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*--------------
  Column Count
---------------*/


/* Grid Based */
.ui.one.column.table td {
  width: 100%;
}
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.33333333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66666667%;
}
.ui.seven.column.table td {
  width: 14.28571429%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.11111111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.09090909%;
}
.ui.twelve.column.table td {
  width: 8.33333333%;
}
.ui.thirteen.column.table td {
  width: 7.69230769%;
}
.ui.fourteen.column.table td {
  width: 7.14285714%;
}
.ui.fifteen.column.table td {
  width: 6.66666667%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}

/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}

/*--------------
    Sortable
---------------*/

.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.ui.sortable.table thead th:first-child {
  border-left: none;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui.sortable.table thead th:after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: 'Icons';
}
.ui.sortable.table thead th.ascending:after {
  content: '\f0d8';
}
.ui.sortable.table thead th.descending:after {
  content: '\f0d7';
}

/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
}

/* Sorted */
.ui.sortable.table thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table thead th.sorted:after {
  display: inline-block;
}

/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th:hover {
  background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent;
}

/*--------------
    Inverted
---------------*/


/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none;
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.ui.inverted.table tr td {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3);
}

/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: #FFFFFF;
}
.ui.inverted.definition.table tr td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

/*--------------
   Collapsing
---------------*/

.ui.collapsing.table {
  width: auto;
}

/*--------------
      Basic
---------------*/

.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.table thead,
.ui.basic.table tfoot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.table th {
  background: transparent;
  border-left: none;
}
.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.basic.table td {
  background: transparent;
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Very Basic */
.ui[class*="very basic"].table {
  border: none;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: '';
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em;
}

/*--------------
     Celled
---------------*/

.ui.celled.table tr th,
.ui.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
  border-left: none;
}

/*--------------
     Padded
---------------*/

.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em;
}
.ui.padded.table th,
.ui.padded.table td {
  padding: 1em 1em;
}

/* Very */
.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ui[class*="very padded"].table td {
  padding: 1.5em 1.5em;
}

/*--------------
     Compact
---------------*/

.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.ui.compact.table td {
  padding: 0.5em 0.7em;
}

/* Very */
.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em;
}

/*--------------
      Sizes
---------------*/


/* Small */
.ui.small.table {
  font-size: 0.9em;
}

/* Standard */
.ui.table {
  /*font-size: 1em;*/
}

/* Large */
.ui.large.table {
  font-size: 1.1em;
}


/*******************************
         Site Overrides
*******************************/




/*******************************
         阴影
*******************************/

/* 阴影 */
.z-depth-1 {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  /* Webkit browsers */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  /* IE9+, News */
}

.z-depth-2 {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.z-depth-3 {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.z-depth-4 {
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.z-depth-5 {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
  /* Webkit browsers */
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
  /* IE9+, News */
}

.z-depth-6 {
  -webkit-box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
  /* Webkit browsers */
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
  /* IE9+, News */
}

/* 背景 */
.bg-red-50 {
  color: #fff !important;
  border-color: #FFEBEE !important;
  background-color: #FFEBEE !important;
}

.text-red-50 {
  color: #FFEBEE !important;
}

.border-red-50 {
  border-color: #FFEBEE !important;
}

.bg-red-100 {
  color: #fff !important;
  border-color: #FFCDD2 !important;
  background-color: #FFCDD2 !important;
}

.text-red-100 {
  color: #FFCDD2 !important;
}

.border-red-100 {
  border-color: #FFCDD2 !important;
}

.bg-red-200 {
  color: #fff !important;
  border-color: #EF9A9A !important;
  background-color: #EF9A9A !important;
}

.text-red-200 {
  color: #EF9A9A !important;
}

.border-red-200 {
  border-color: #EF9A9A !important;
}

.bg-red-300 {
  color: #fff !important;
  border-color: #E57373 !important;
  background-color: #E57373 !important;
}

.text-red-300 {
  color: #E57373 !important;
}

.border-red-300 {
  border-color: #E57373 !important;
}

.bg-red-400 {
  color: #fff !important;
  border-color: #EF5350 !important;
  background-color: #EF5350 !important;
}

.text-red-400 {
  color: #EF5350 !important;
}

.border-red-400 {
  border-color: #EF5350 !important;
}

.bg-red, .bg-red-500 {
  color: #fff !important;
  border-color: #F44336 !important;
  background-color: #F44336 !important;
}

.text-red, .text-red-500 {
  color: #F44336 !important;
}

.border-red, .border-red-500 {
  border-color: #F44336 !important;
}

.bg-red-600 {
  color: #fff !important;
  border-color: #E53935 !important;
  background-color: #E53935 !important;
}

.text-red-600 {
  color: #E53935 !important;
}

.border-red-600 {
  border-color: #E53935 !important;
}

.bg-red-700 {
  color: #fff !important;
  border-color: #D32F2F !important;
  background-color: #D32F2F !important;
}

.text-red-700 {
  color: #D32F2F !important;
}

.border-red-700 {
  border-color: #D32F2F !important;
}

.bg-red-800 {
  color: #fff !important;
  border-color: #C62828 !important;
  background-color: #C62828 !important;
}

.text-red-800 {
  color: #C62828 !important;
}

.border-red-800 {
  border-color: #C62828 !important;
}

.bg-red-900 {
  color: #fff !important;
  border-color: #B71C1C !important;
  background-color: #B71C1C !important;
}

.text-red-900 {
  color: #B71C1C !important;
}

.border-red-900 {
  border-color: #B71C1C !important;
}

.bg-red-A100 {
  color: #fff !important;
  border-color: #FF8A80 !important;
  background-color: #FF8A80 !important;
}

.text-red-A100 {
  color: #FF8A80 !important;
}

.border-red-A100 {
  border-color: #FF8A80 !important;
}

.bg-red-A200 {
  color: #fff !important;
  border-color: #FF5252 !important;
  background-color: #FF5252 !important;
}

.text-red-A200 {
  color: #FF5252 !important;
}

.border-red-A200 {
  border-color: #FF5252 !important;
}

.bg-red-A400 {
  color: #fff !important;
  border-color: #FF1744 !important;
  background-color: #FF1744 !important;
}

.text-red-A400 {
  color: #FF1744 !important;
}

.border-red-A400 {
  border-color: #FF1744 !important;
}

.bg-red-A700 {
  color: #fff !important;
  border-color: #D50000 !important;
  background-color: #D50000 !important;
}

.text-red-A700 {
  color: #D50000 !important;
}

.border-red-A700 {
  border-color: #D50000 !important;
}

.bg-pink-50 {
  color: #fff !important;
  border-color: #FCE4EC !important;
  background-color: #FCE4EC !important;
}

.text-pink-50 {
  color: #FCE4EC !important;
}

.border-pink-50 {
  border-color: #FCE4EC !important;
}

.bg-pink-100 {
  color: #fff !important;
  border-color: #F8BBD0 !important;
  background-color: #F8BBD0 !important;
}

.text-pink-100 {
  color: #F8BBD0 !important;
}

.border-pink-100 {
  border-color: #F8BBD0 !important;
}

.bg-pink-200 {
  color: #fff !important;
  border-color: #F48FB1 !important;
  background-color: #F48FB1 !important;
}

.text-pink-200 {
  color: #F48FB1 !important;
}

.border-pink-200 {
  border-color: #F48FB1 !important;
}

.bg-pink-300 {
  color: #fff !important;
  border-color: #F06292 !important;
  background-color: #F06292 !important;
}

.text-pink-300 {
  color: #F06292 !important;
}

.border-pink-300 {
  border-color: #F06292 !important;
}

.bg-pink-400 {
  color: #fff !important;
  border-color: #EC407A !important;
  background-color: #EC407A !important;
}

.text-pink-400 {
  color: #EC407A !important;
}

.border-pink-400 {
  border-color: #EC407A !important;
}

.bg-pink, .bg-pink-500 {
  color: #fff !important;
  border-color: #E91E63 !important;
  background-color: #E91E63 !important;
}

.text-pink, .text-pink-500 {
  color: #E91E63 !important;
}

.border-pink, .border-pink-500 {
  border-color: #E91E63 !important;
}

.bg-pink-600 {
  color: #fff !important;
  border-color: #D81B60 !important;
  background-color: #D81B60 !important;
}

.text-pink-600 {
  color: #D81B60 !important;
}

.border-pink-600 {
  border-color: #D81B60 !important;
}

.bg-pink-700 {
  color: #fff !important;
  border-color: #C2185B !important;
  background-color: #C2185B !important;
}

.text-pink-700 {
  color: #C2185B !important;
}

.border-pink-700 {
  border-color: #C2185B !important;
}

.bg-pink-800 {
  color: #fff !important;
  border-color: #AD1457 !important;
  background-color: #AD1457 !important;
}

.text-pink-800 {
  color: #AD1457 !important;
}

.border-pink-800 {
  border-color: #AD1457 !important;
}

.bg-pink-900 {
  color: #fff !important;
  border-color: #880E4F !important;
  background-color: #880E4F !important;
}

.text-pink-900 {
  color: #880E4F !important;
}

.border-pink-900 {
  border-color: #880E4F !important;
}

.bg-pink-A100 {
  color: #fff !important;
  border-color: #FF80AB !important;
  background-color: #FF80AB !important;
}

.text-pink-A100 {
  color: #FF80AB !important;
}

.border-pink-A100 {
  border-color: #FF80AB !important;
}

.bg-pink-A200 {
  color: #fff !important;
  border-color: #FF4081 !important;
  background-color: #FF4081 !important;
}

.text-pink-A200 {
  color: #FF4081 !important;
}

.border-pink-A200 {
  border-color: #FF4081 !important;
}

.bg-pink-A400 {
  color: #fff !important;
  border-color: #F50057 !important;
  background-color: #F50057 !important;
}

.text-pink-A400 {
  color: #F50057 !important;
}

.border-pink-A400 {
  border-color: #F50057 !important;
}

.bg-pink-A700 {
  color: #fff !important;
  border-color: #C51162 !important;
  background-color: #C51162 !important;
}

.text-pink-A700 {
  color: #C51162 !important;
}

.border-pink-A700 {
  border-color: #C51162 !important;
}

.bg-purple-50 {
  color: #fff !important;
  border-color: #F3E5F5 !important;
  background-color: #F3E5F5 !important;
}

.text-purple-50 {
  color: #F3E5F5 !important;
}

.border-purple-50 {
  border-color: #F3E5F5 !important;
}

.bg-purple-100 {
  color: #fff !important;
  border-color: #E1BEE7 !important;
  background-color: #E1BEE7 !important;
}

.text-purple-100 {
  color: #E1BEE7 !important;
}

.border-purple-100 {
  border-color: #E1BEE7 !important;
}

.bg-purple-200 {
  color: #fff !important;
  border-color: #CE93D8 !important;
  background-color: #CE93D8 !important;
}

.text-purple-200 {
  color: #CE93D8 !important;
}

.border-purple-200 {
  border-color: #CE93D8 !important;
}

.bg-purple-300 {
  color: #fff !important;
  border-color: #BA68C8 !important;
  background-color: #BA68C8 !important;
}

.text-purple-300 {
  color: #BA68C8 !important;
}

.border-purple-300 {
  border-color: #BA68C8 !important;
}

.bg-purple-400 {
  color: #fff !important;
  border-color: #AB47BC !important;
  background-color: #AB47BC !important;
}

.text-purple-400 {
  color: #AB47BC !important;
}

.border-purple-400 {
  border-color: #AB47BC !important;
}

.bg-purple, .bg-purple-500 {
  color: #fff !important;
  border-color: #9C27B0 !important;
  background-color: #9C27B0 !important;
}

.text-purple, .text-purple-500 {
  color: #9C27B0 !important;
}

.border-purple, .border-purple-500 {
  border-color: #9C27B0 !important;
}

.bg-purple-600 {
  color: #fff !important;
  border-color: #8E24AA !important;
  background-color: #8E24AA !important;
}

.text-purple-600 {
  color: #8E24AA !important;
}

.border-purple-600 {
  border-color: #8E24AA !important;
}

.bg-purple-700 {
  color: #fff !important;
  border-color: #7B1FA2 !important;
  background-color: #7B1FA2 !important;
}

.text-purple-700 {
  color: #7B1FA2 !important;
}

.border-purple-700 {
  border-color: #7B1FA2 !important;
}

.bg-purple-800 {
  color: #fff !important;
  border-color: #6A1B9A !important;
  background-color: #6A1B9A !important;
}

.text-purple-800 {
  color: #6A1B9A !important;
}

.border-purple-800 {
  border-color: #6A1B9A !important;
}

.bg-purple-900 {
  color: #fff !important;
  border-color: #4A148C !important;
  background-color: #4A148C !important;
}

.text-purple-900 {
  color: #4A148C !important;
}

.border-purple-900 {
  border-color: #4A148C !important;
}

.bg-purple-A100 {
  color: #fff !important;
  border-color: #EA80FC !important;
  background-color: #EA80FC !important;
}

.text-purple-A100 {
  color: #EA80FC !important;
}

.border-purple-A100 {
  border-color: #EA80FC !important;
}

.bg-purple-A200 {
  color: #fff !important;
  border-color: #E040FB !important;
  background-color: #E040FB !important;
}

.text-purple-A200 {
  color: #E040FB !important;
}

.border-purple-A200 {
  border-color: #E040FB !important;
}

.bg-purple-A400 {
  color: #fff !important;
  border-color: #D500F9 !important;
  background-color: #D500F9 !important;
}

.text-purple-A400 {
  color: #D500F9 !important;
}

.border-purple-A400 {
  border-color: #D500F9 !important;
}

.bg-purple-A700 {
  color: #fff !important;
  border-color: #AA00FF !important;
  background-color: #AA00FF !important;
}

.text-purple-A700 {
  color: #AA00FF !important;
}

.border-purple-A700 {
  border-color: #AA00FF !important;
}

.bg-deep-purple-50 {
  color: #fff !important;
  border-color: #EDE7F6 !important;
  background-color: #EDE7F6 !important;
}

.text-deep-purple-50 {
  color: #EDE7F6 !important;
}

.border-deep-purple-50 {
  border-color: #EDE7F6 !important;
}

.bg-deep-purple-100 {
  color: #fff !important;
  border-color: #D1C4E9 !important;
  background-color: #D1C4E9 !important;
}

.text-deep-purple-100 {
  color: #D1C4E9 !important;
}

.border-deep-purple-100 {
  border-color: #D1C4E9 !important;
}

.bg-deep-purple-200 {
  color: #fff !important;
  border-color: #B39DDB !important;
  background-color: #B39DDB !important;
}

.text-deep-purple-200 {
  color: #B39DDB !important;
}

.border-deep-purple-200 {
  border-color: #B39DDB !important;
}

.bg-deep-purple-300 {
  color: #fff !important;
  border-color: #9575CD !important;
  background-color: #9575CD !important;
}

.text-deep-purple-300 {
  color: #9575CD !important;
}

.border-deep-purple-300 {
  border-color: #9575CD !important;
}

.bg-deep-purple-400 {
  color: #fff !important;
  border-color: #7E57C2 !important;
  background-color: #7E57C2 !important;
}

.text-deep-purple-400 {
  color: #7E57C2 !important;
}

.border-deep-purple-400 {
  border-color: #7E57C2 !important;
}

.bg-deep-purple, .bg-deep-purple-500 {
  color: #fff !important;
  border-color: #673AB7 !important;
  background-color: #673AB7 !important;
}

.text-deep-purple, .text-deep-purple-500 {
  color: #673AB7 !important;
}

.border-deep-purple, .border-deep-purple-500 {
  border-color: #673AB7 !important;
}

.bg-deep-purple-600 {
  color: #fff !important;
  border-color: #5E35B1 !important;
  background-color: #5E35B1 !important;
}

.text-deep-purple-600 {
  color: #5E35B1 !important;
}

.border-deep-purple-600 {
  border-color: #5E35B1 !important;
}

.bg-deep-purple-700 {
  color: #fff !important;
  border-color: #512DA8 !important;
  background-color: #512DA8 !important;
}

.text-deep-purple-700 {
  color: #512DA8 !important;
}

.border-deep-purple-700 {
  border-color: #512DA8 !important;
}

.bg-deep-purple-800 {
  color: #fff !important;
  border-color: #4527A0 !important;
  background-color: #4527A0 !important;
}

.text-deep-purple-800 {
  color: #4527A0 !important;
}

.border-deep-purple-800 {
  border-color: #4527A0 !important;
}

.bg-deep-purple-900 {
  color: #fff !important;
  border-color: #311B92 !important;
  background-color: #311B92 !important;
}

.text-deep-purple-900 {
  color: #311B92 !important;
}

.border-deep-purple-900 {
  border-color: #311B92 !important;
}

.bg-deep-purple-A100 {
  color: #fff !important;
  border-color: #B388FF !important;
  background-color: #B388FF !important;
}

.text-deep-purple-A100 {
  color: #B388FF !important;
}

.border-deep-purple-A100 {
  border-color: #B388FF !important;
}

.bg-deep-purple-A200 {
  color: #fff !important;
  border-color: #7C4DFF !important;
  background-color: #7C4DFF !important;
}

.text-deep-purple-A200 {
  color: #7C4DFF !important;
}

.border-deep-purple-A200 {
  border-color: #7C4DFF !important;
}

.bg-deep-purple-A400 {
  color: #fff !important;
  border-color: #651FFF !important;
  background-color: #651FFF !important;
}

.text-deep-purple-A400 {
  color: #651FFF !important;
}

.border-deep-purple-A400 {
  border-color: #651FFF !important;
}

.bg-deep-purple-A700 {
  color: #fff !important;
  border-color: #6200EA !important;
  background-color: #6200EA !important;
}

.text-deep-purple-A700 {
  color: #6200EA !important;
}

.border-deep-purple-A700 {
  border-color: #6200EA !important;
}

.bg-indigo-50 {
  color: #fff !important;
  border-color: #E8EAF6 !important;
  background-color: #E8EAF6 !important;
}

.text-indigo-50 {
  color: #E8EAF6 !important;
}

.border-indigo-50 {
  border-color: #E8EAF6 !important;
}

.bg-indigo-100 {
  color: #fff !important;
  border-color: #C5CAE9 !important;
  background-color: #C5CAE9 !important;
}

.text-indigo-100 {
  color: #C5CAE9 !important;
}

.border-indigo-100 {
  border-color: #C5CAE9 !important;
}

.bg-indigo-200 {
  color: #fff !important;
  border-color: #9FA8DA !important;
  background-color: #9FA8DA !important;
}

.text-indigo-200 {
  color: #9FA8DA !important;
}

.border-indigo-200 {
  border-color: #9FA8DA !important;
}

.bg-indigo-300 {
  color: #fff !important;
  border-color: #7986CB !important;
  background-color: #7986CB !important;
}

.text-indigo-300 {
  color: #7986CB !important;
}

.border-indigo-300 {
  border-color: #7986CB !important;
}

.bg-indigo-400 {
  color: #fff !important;
  border-color: #5C6BC0 !important;
  background-color: #5C6BC0 !important;
}

.text-indigo-400 {
  color: #5C6BC0 !important;
}

.border-indigo-400 {
  border-color: #5C6BC0 !important;
}

.bg-indigo, .bg-indigo-500 {
  color: #fff !important;
  border-color: #3F51B5 !important;
  background-color: #3F51B5 !important;
}

.text-indigo, .text-indigo-500 {
  color: #3F51B5 !important;
}

.border-indigo, .border-indigo-500 {
  border-color: #3F51B5 !important;
}

.bg-indigo-600 {
  color: #fff !important;
  border-color: #3949AB !important;
  background-color: #3949AB !important;
}

.text-indigo-600 {
  color: #3949AB !important;
}

.border-indigo-600 {
  border-color: #3949AB !important;
}

.bg-indigo-700 {
  color: #fff !important;
  border-color: #303F9F !important;
  background-color: #303F9F !important;
}

.text-indigo-700 {
  color: #303F9F !important;
}

.border-indigo-700 {
  border-color: #303F9F !important;
}

.bg-indigo-800 {
  color: #fff !important;
  border-color: #283593 !important;
  background-color: #283593 !important;
}

.text-indigo-800 {
  color: #283593 !important;
}

.border-indigo-800 {
  border-color: #283593 !important;
}

.bg-indigo-900 {
  color: #fff !important;
  border-color: #1A237E !important;
  background-color: #1A237E !important;
}

.text-indigo-900 {
  color: #1A237E !important;
}

.border-indigo-900 {
  border-color: #1A237E !important;
}

.bg-indigo-A100 {
  color: #fff !important;
  border-color: #8C9EFF !important;
  background-color: #8C9EFF !important;
}

.text-indigo-A100 {
  color: #8C9EFF !important;
}

.border-indigo-A100 {
  border-color: #8C9EFF !important;
}

.bg-indigo-A200 {
  color: #fff !important;
  border-color: #536DFE !important;
  background-color: #536DFE !important;
}

.text-indigo-A200 {
  color: #536DFE !important;
}

.border-indigo-A200 {
  border-color: #536DFE !important;
}

.bg-indigo-A400 {
  color: #fff !important;
  border-color: #3D5AFE !important;
  background-color: #3D5AFE !important;
}

.text-indigo-A400 {
  color: #3D5AFE !important;
}

.border-indigo-A400 {
  border-color: #3D5AFE !important;
}

.bg-indigo-A700 {
  color: #fff !important;
  border-color: #304FFE !important;
  background-color: #304FFE !important;
}

.text-indigo-A700 {
  color: #304FFE !important;
}

.border-indigo-A700 {
  border-color: #304FFE !important;
}

.bg-blue-50 {
  color: #fff !important;
  border-color: #E3F2FD !important;
  background-color: #E3F2FD !important;
}

.text-blue-50 {
  color: #E3F2FD !important;
}

.border-blue-50 {
  border-color: #E3F2FD !important;
}

.bg-blue-100 {
  color: #fff !important;
  border-color: #BBDEFB !important;
  background-color: #BBDEFB !important;
}

.text-blue-100 {
  color: #BBDEFB !important;
}

.border-blue-100 {
  border-color: #BBDEFB !important;
}

.bg-blue-200 {
  color: #fff !important;
  border-color: #90CAF9 !important;
  background-color: #90CAF9 !important;
}

.text-blue-200 {
  color: #90CAF9 !important;
}

.border-blue-200 {
  border-color: #90CAF9 !important;
}

.bg-blue-300 {
  color: #fff !important;
  border-color: #64B5F6 !important;
  background-color: #64B5F6 !important;
}

.text-blue-300 {
  color: #64B5F6 !important;
}

.border-blue-300 {
  border-color: #64B5F6 !important;
}

.bg-blue-400 {
  color: #fff !important;
  border-color: #42A5F5 !important;
  background-color: #42A5F5 !important;
}

.text-blue-400 {
  color: #42A5F5 !important;
}

.border-blue-400 {
  border-color: #42A5F5 !important;
}

.bg-blue, .bg-blue-500 {
  color: #fff !important;
  border-color: #2196F3 !important;
  background-color: #2196F3 !important;
}

.text-blue, .text-blue-500 {
  color: #2196F3 !important;
}

.border-blue, .border-blue-500 {
  border-color: #2196F3 !important;
}

.bg-blue-600 {
  color: #fff !important;
  border-color: #1E88E5 !important;
  background-color: #1E88E5 !important;
}

.text-blue-600 {
  color: #1E88E5 !important;
}

.border-blue-600 {
  border-color: #1E88E5 !important;
}

.bg-blue-700 {
  color: #fff !important;
  border-color: #1976D2 !important;
  background-color: #1976D2 !important;
}

.text-blue-700 {
  color: #1976D2 !important;
}

.border-blue-700 {
  border-color: #1976D2 !important;
}

.bg-blue-800 {
  color: #fff !important;
  border-color: #1565C0 !important;
  background-color: #1565C0 !important;
}

.text-blue-800 {
  color: #1565C0 !important;
}

.border-blue-800 {
  border-color: #1565C0 !important;
}

.bg-blue-900 {
  color: #fff !important;
  border-color: #0D47A1 !important;
  background-color: #0D47A1 !important;
}

.text-blue-900 {
  color: #0D47A1 !important;
}

.border-blue-900 {
  border-color: #0D47A1 !important;
}

.bg-blue-A100 {
  color: #fff !important;
  border-color: #82B1FF !important;
  background-color: #82B1FF !important;
}

.text-blue-A100 {
  color: #82B1FF !important;
}

.border-blue-A100 {
  border-color: #82B1FF !important;
}

.bg-blue-A200 {
  color: #fff !important;
  border-color: #448AFF !important;
  background-color: #448AFF !important;
}

.text-blue-A200 {
  color: #448AFF !important;
}

.border-blue-A200 {
  border-color: #448AFF !important;
}

.bg-blue-A400 {
  color: #fff !important;
  border-color: #2979FF !important;
  background-color: #2979FF !important;
}

.text-blue-A400 {
  color: #2979FF !important;
}

.border-blue-A400 {
  border-color: #2979FF !important;
}

.bg-blue-A700 {
  color: #fff !important;
  border-color: #2962FF !important;
  background-color: #2962FF !important;
}

.text-blue-A700 {
  color: #2962FF !important;
}

.border-blue-A700 {
  border-color: #2962FF !important;
}

.bg-light-blue-50 {
  color: #fff !important;
  border-color: #E1F5FE !important;
  background-color: #E1F5FE !important;
}

.text-light-blue-50 {
  color: #E1F5FE !important;
}

.border-light-blue-50 {
  border-color: #E1F5FE !important;
}

.bg-light-blue-100 {
  color: #fff !important;
  border-color: #B3E5FC !important;
  background-color: #B3E5FC !important;
}

.text-light-blue-100 {
  color: #B3E5FC !important;
}

.border-light-blue-100 {
  border-color: #B3E5FC !important;
}

.bg-light-blue-200 {
  color: #fff !important;
  border-color: #81D4FA !important;
  background-color: #81D4FA !important;
}

.text-light-blue-200 {
  color: #81D4FA !important;
}

.border-light-blue-200 {
  border-color: #81D4FA !important;
}

.bg-light-blue-300 {
  color: #fff !important;
  border-color: #4FC3F7 !important;
  background-color: #4FC3F7 !important;
}

.text-light-blue-300 {
  color: #4FC3F7 !important;
}

.border-light-blue-300 {
  border-color: #4FC3F7 !important;
}

.bg-light-blue-400 {
  color: #fff !important;
  border-color: #29B6F6 !important;
  background-color: #29B6F6 !important;
}

.text-light-blue-400 {
  color: #29B6F6 !important;
}

.border-light-blue-400 {
  border-color: #29B6F6 !important;
}

.bg-light-blue, .bg-light-blue-500 {
  color: #fff !important;
  border-color: #03A9F4 !important;
  background-color: #03A9F4 !important;
}

.text-light-blue, .text-light-blue-500 {
  color: #03A9F4 !important;
}

.border-light-blue, .border-light-blue-500 {
  border-color: #03A9F4 !important;
}

.bg-light-blue-600 {
  color: #fff !important;
  border-color: #039BE5 !important;
  background-color: #039BE5 !important;
}

.text-light-blue-600 {
  color: #039BE5 !important;
}

.border-light-blue-600 {
  border-color: #039BE5 !important;
}

.bg-light-blue-700 {
  color: #fff !important;
  border-color: #0288D1 !important;
  background-color: #0288D1 !important;
}

.text-light-blue-700 {
  color: #0288D1 !important;
}

.border-light-blue-700 {
  border-color: #0288D1 !important;
}

.bg-light-blue-800 {
  color: #fff !important;
  border-color: #0277BD !important;
  background-color: #0277BD !important;
}

.text-light-blue-800 {
  color: #0277BD !important;
}

.border-light-blue-800 {
  border-color: #0277BD !important;
}

.bg-light-blue-900 {
  color: #fff !important;
  border-color: #01579B !important;
  background-color: #01579B !important;
}

.text-light-blue-900 {
  color: #01579B !important;
}

.border-light-blue-900 {
  border-color: #01579B !important;
}

.bg-light-blue-A100 {
  color: #fff !important;
  border-color: #80D8FF !important;
  background-color: #80D8FF !important;
}

.text-light-blue-A100 {
  color: #80D8FF !important;
}

.border-light-blue-A100 {
  border-color: #80D8FF !important;
}

.bg-light-blue-A200 {
  color: #fff !important;
  border-color: #40C4FF !important;
  background-color: #40C4FF !important;
}

.text-light-blue-A200 {
  color: #40C4FF !important;
}

.border-light-blue-A200 {
  border-color: #40C4FF !important;
}

.bg-light-blue-A400 {
  color: #fff !important;
  border-color: #00B0FF !important;
  background-color: #00B0FF !important;
}

.text-light-blue-A400 {
  color: #00B0FF !important;
}

.border-light-blue-A400 {
  border-color: #00B0FF !important;
}

.bg-light-blue-A700 {
  color: #fff !important;
  border-color: #0091EA !important;
  background-color: #0091EA !important;
}

.text-light-blue-A700 {
  color: #0091EA !important;
}

.border-light-blue-A700 {
  border-color: #0091EA !important;
}

.bg-cyan-50 {
  color: #fff !important;
  border-color: #E0F7FA !important;
  background-color: #E0F7FA !important;
}

.text-cyan-50 {
  color: #E0F7FA !important;
}

.border-cyan-50 {
  border-color: #E0F7FA !important;
}

.bg-cyan-100 {
  color: #fff !important;
  border-color: #B2EBF2 !important;
  background-color: #B2EBF2 !important;
}

.text-cyan-100 {
  color: #B2EBF2 !important;
}

.border-cyan-100 {
  border-color: #B2EBF2 !important;
}

.bg-cyan-200 {
  color: #fff !important;
  border-color: #80DEEA !important;
  background-color: #80DEEA !important;
}

.text-cyan-200 {
  color: #80DEEA !important;
}

.border-cyan-200 {
  border-color: #80DEEA !important;
}

.bg-cyan-300 {
  color: #fff !important;
  border-color: #4DD0E1 !important;
  background-color: #4DD0E1 !important;
}

.text-cyan-300 {
  color: #4DD0E1 !important;
}

.border-cyan-300 {
  border-color: #4DD0E1 !important;
}

.bg-cyan-400 {
  color: #fff !important;
  border-color: #26C6DA !important;
  background-color: #26C6DA !important;
}

.text-cyan-400 {
  color: #26C6DA !important;
}

.border-cyan-400 {
  border-color: #26C6DA !important;
}

.bg-cyan, .bg-cyan-500 {
  color: #fff !important;
  border-color: #00BCD4 !important;
  background-color: #00BCD4 !important;
}

.text-cyan, .text-cyan-500 {
  color: #00BCD4 !important;
}

.border-cyan, .border-cyan-500 {
  border-color: #00BCD4 !important;
}

.bg-cyan-600 {
  color: #fff !important;
  border-color: #00ACC1 !important;
  background-color: #00ACC1 !important;
}

.text-cyan-600 {
  color: #00ACC1 !important;
}

.border-cyan-600 {
  border-color: #00ACC1 !important;
}

.bg-cyan-700 {
  color: #fff !important;
  border-color: #0097A7 !important;
  background-color: #0097A7 !important;
}

.text-cyan-700 {
  color: #0097A7 !important;
}

.border-cyan-700 {
  border-color: #0097A7 !important;
}

.bg-cyan-800 {
  color: #fff !important;
  border-color: #00838F !important;
  background-color: #00838F !important;
}

.text-cyan-800 {
  color: #00838F !important;
}

.border-cyan-800 {
  border-color: #00838F !important;
}

.bg-cyan-900 {
  color: #fff !important;
  border-color: #006064 !important;
  background-color: #006064 !important;
}

.text-cyan-900 {
  color: #006064 !important;
}

.border-cyan-900 {
  border-color: #006064 !important;
}

.bg-cyan-A100 {
  color: #fff !important;
  border-color: #84FFFF !important;
  background-color: #84FFFF !important;
}

.text-cyan-A100 {
  color: #84FFFF !important;
}

.border-cyan-A100 {
  border-color: #84FFFF !important;
}

.bg-cyan-A200 {
  color: #fff !important;
  border-color: #18FFFF !important;
  background-color: #18FFFF !important;
}

.text-cyan-A200 {
  color: #18FFFF !important;
}

.border-cyan-A200 {
  border-color: #18FFFF !important;
}

.bg-cyan-A400 {
  color: #fff !important;
  border-color: #00E5FF !important;
  background-color: #00E5FF !important;
}

.text-cyan-A400 {
  color: #00E5FF !important;
}

.border-cyan-A400 {
  border-color: #00E5FF !important;
}

.bg-cyan-A700 {
  color: #fff !important;
  border-color: #00B8D4 !important;
  background-color: #00B8D4 !important;
}

.text-cyan-A700 {
  color: #00B8D4 !important;
}

.border-cyan-A700 {
  border-color: #00B8D4 !important;
}

.bg-teal-50 {
  color: #fff !important;
  border-color: #E0F2F1 !important;
  background-color: #E0F2F1 !important;
}

.text-teal-50 {
  color: #E0F2F1 !important;
}

.border-teal-50 {
  border-color: #E0F2F1 !important;
}

.bg-teal-100 {
  color: #fff !important;
  border-color: #B2DFDB !important;
  background-color: #B2DFDB !important;
}

.text-teal-100 {
  color: #B2DFDB !important;
}

.border-teal-100 {
  border-color: #B2DFDB !important;
}

.bg-teal-200 {
  color: #fff !important;
  border-color: #80CBC4 !important;
  background-color: #80CBC4 !important;
}

.text-teal-200 {
  color: #80CBC4 !important;
}

.border-teal-200 {
  border-color: #80CBC4 !important;
}

.bg-teal-300 {
  color: #fff !important;
  border-color: #4DB6AC !important;
  background-color: #4DB6AC !important;
}

.text-teal-300 {
  color: #4DB6AC !important;
}

.border-teal-300 {
  border-color: #4DB6AC !important;
}

.bg-teal-400 {
  color: #fff !important;
  border-color: #26A69A !important;
  background-color: #26A69A !important;
}

.text-teal-400 {
  color: #26A69A !important;
}

.border-teal-400 {
  border-color: #26A69A !important;
}

.bg-teal, .bg-teal-500 {
  color: #fff !important;
  border-color: #009688 !important;
  background-color: #009688 !important;
}

.text-teal, .text-teal-500 {
  color: #009688 !important;
}

.border-teal, .border-teal-500 {
  border-color: #009688 !important;
}

.bg-teal-600 {
  color: #fff !important;
  border-color: #00897B !important;
  background-color: #00897B !important;
}

.text-teal-600 {
  color: #00897B !important;
}

.border-teal-600 {
  border-color: #00897B !important;
}

.bg-teal-700 {
  color: #fff !important;
  border-color: #00796B !important;
  background-color: #00796B !important;
}

.text-teal-700 {
  color: #00796B !important;
}

.border-teal-700 {
  border-color: #00796B !important;
}

.bg-teal-800 {
  color: #fff !important;
  border-color: #00695C !important;
  background-color: #00695C !important;
}

.text-teal-800 {
  color: #00695C !important;
}

.border-teal-800 {
  border-color: #00695C !important;
}

.bg-teal-900 {
  color: #fff !important;
  border-color: #004D40 !important;
  background-color: #004D40 !important;
}

.text-teal-900 {
  color: #004D40 !important;
}

.border-teal-900 {
  border-color: #004D40 !important;
}

.bg-teal-A100 {
  color: #fff !important;
  border-color: #A7FFEB !important;
  background-color: #A7FFEB !important;
}

.text-teal-A100 {
  color: #A7FFEB !important;
}

.border-teal-A100 {
  border-color: #A7FFEB !important;
}

.bg-teal-A200 {
  color: #fff !important;
  border-color: #64FFDA !important;
  background-color: #64FFDA !important;
}

.text-teal-A200 {
  color: #64FFDA !important;
}

.border-teal-A200 {
  border-color: #64FFDA !important;
}

.bg-teal-A400 {
  color: #fff !important;
  border-color: #1DE9B6 !important;
  background-color: #1DE9B6 !important;
}

.text-teal-A400 {
  color: #1DE9B6 !important;
}

.border-teal-A400 {
  border-color: #1DE9B6 !important;
}

.bg-teal-A700 {
  color: #fff !important;
  border-color: #00BFA5 !important;
  background-color: #00BFA5 !important;
}

.text-teal-A700 {
  color: #00BFA5 !important;
}

.border-teal-A700 {
  border-color: #00BFA5 !important;
}

.bg-green-50 {
  color: #fff !important;
  border-color: #E8F5E9 !important;
  background-color: #E8F5E9 !important;
}

.text-green-50 {
  color: #E8F5E9 !important;
}

.border-green-50 {
  border-color: #E8F5E9 !important;
}

.bg-green-100 {
  color: #fff !important;
  border-color: #C8E6C9 !important;
  background-color: #C8E6C9 !important;
}

.text-green-100 {
  color: #C8E6C9 !important;
}

.border-green-100 {
  border-color: #C8E6C9 !important;
}

.bg-green-200 {
  color: #fff !important;
  border-color: #A5D6A7 !important;
  background-color: #A5D6A7 !important;
}

.text-green-200 {
  color: #A5D6A7 !important;
}

.border-green-200 {
  border-color: #A5D6A7 !important;
}

.bg-green-300 {
  color: #fff !important;
  border-color: #81C784 !important;
  background-color: #81C784 !important;
}

.text-green-300 {
  color: #81C784 !important;
}

.border-green-300 {
  border-color: #81C784 !important;
}

.bg-green-400 {
  color: #fff !important;
  border-color: #66BB6A !important;
  background-color: #66BB6A !important;
}

.text-green-400 {
  color: #66BB6A !important;
}

.border-green-400 {
  border-color: #66BB6A !important;
}

.bg-green, .bg-green-500 {
  color: #fff !important;
  border-color: #4CAF50 !important;
  background-color: #4CAF50 !important;
}

.text-green, .text-green-500 {
  color: #4CAF50 !important;
}

.border-green, .border-green-500 {
  border-color: #4CAF50 !important;
}

.bg-green-600 {
  color: #fff !important;
  border-color: #43A047 !important;
  background-color: #43A047 !important;
}

.text-green-600 {
  color: #43A047 !important;
}

.border-green-600 {
  border-color: #43A047 !important;
}

.bg-green-700 {
  color: #fff !important;
  border-color: #388E3C !important;
  background-color: #388E3C !important;
}

.text-green-700 {
  color: #388E3C !important;
}

.border-green-700 {
  border-color: #388E3C !important;
}

.bg-green-800 {
  color: #fff !important;
  border-color: #2E7D32 !important;
  background-color: #2E7D32 !important;
}

.text-green-800 {
  color: #2E7D32 !important;
}

.border-green-800 {
  border-color: #2E7D32 !important;
}

.bg-green-900 {
  color: #fff !important;
  border-color: #1B5E20 !important;
  background-color: #1B5E20 !important;
}

.text-green-900 {
  color: #1B5E20 !important;
}

.border-green-900 {
  border-color: #1B5E20 !important;
}

.bg-green-A100 {
  color: #fff !important;
  border-color: #B9F6CA !important;
  background-color: #B9F6CA !important;
}

.text-green-A100 {
  color: #B9F6CA !important;
}

.border-green-A100 {
  border-color: #B9F6CA !important;
}

.bg-green-A200 {
  color: #fff !important;
  border-color: #69F0AE !important;
  background-color: #69F0AE !important;
}

.text-green-A200 {
  color: #69F0AE !important;
}

.border-green-A200 {
  border-color: #69F0AE !important;
}

.bg-green-A400 {
  color: #fff !important;
  border-color: #00E676 !important;
  background-color: #00E676 !important;
}

.text-green-A400 {
  color: #00E676 !important;
}

.border-green-A400 {
  border-color: #00E676 !important;
}

.bg-green-A700 {
  color: #fff !important;
  border-color: #00C853 !important;
  background-color: #00C853 !important;
}

.text-green-A700 {
  color: #00C853 !important;
}

.border-green-A700 {
  border-color: #00C853 !important;
}

.bg-light-green-50 {
  color: #fff !important;
  border-color: #F1F8E9 !important;
  background-color: #F1F8E9 !important;
}

.text-light-green-50 {
  color: #F1F8E9 !important;
}

.border-light-green-50 {
  border-color: #F1F8E9 !important;
}

.bg-light-green-100 {
  color: #fff !important;
  border-color: #DCEDC8 !important;
  background-color: #DCEDC8 !important;
}

.text-light-green-100 {
  color: #DCEDC8 !important;
}

.border-light-green-100 {
  border-color: #DCEDC8 !important;
}

.bg-light-green-200 {
  color: #fff !important;
  border-color: #C5E1A5 !important;
  background-color: #C5E1A5 !important;
}

.text-light-green-200 {
  color: #C5E1A5 !important;
}

.border-light-green-200 {
  border-color: #C5E1A5 !important;
}

.bg-light-green-300 {
  color: #fff !important;
  border-color: #AED581 !important;
  background-color: #AED581 !important;
}

.text-light-green-300 {
  color: #AED581 !important;
}

.border-light-green-300 {
  border-color: #AED581 !important;
}

.bg-light-green-400 {
  color: #fff !important;
  border-color: #9CCC65 !important;
  background-color: #9CCC65 !important;
}

.text-light-green-400 {
  color: #9CCC65 !important;
}

.border-light-green-400 {
  border-color: #9CCC65 !important;
}

.bg-light-green, .bg-light-green-500 {
  color: #fff !important;
  border-color: #8BC34A !important;
  background-color: #8BC34A !important;
}

.text-light-green, .text-light-green-500 {
  color: #8BC34A !important;
}

.border-light-green, .border-light-green-500 {
  border-color: #8BC34A !important;
}

.bg-light-green-600 {
  color: #fff !important;
  border-color: #7CB342 !important;
  background-color: #7CB342 !important;
}

.text-light-green-600 {
  color: #7CB342 !important;
}

.border-light-green-600 {
  border-color: #7CB342 !important;
}

.bg-light-green-700 {
  color: #fff !important;
  border-color: #689F38 !important;
  background-color: #689F38 !important;
}

.text-light-green-700 {
  color: #689F38 !important;
}

.border-light-green-700 {
  border-color: #689F38 !important;
}

.bg-light-green-800 {
  color: #fff !important;
  border-color: #558B2F !important;
  background-color: #558B2F !important;
}

.text-light-green-800 {
  color: #558B2F !important;
}

.border-light-green-800 {
  border-color: #558B2F !important;
}

.bg-light-green-900 {
  color: #fff !important;
  border-color: #33691E !important;
  background-color: #33691E !important;
}

.text-light-green-900 {
  color: #33691E !important;
}

.border-light-green-900 {
  border-color: #33691E !important;
}

.bg-light-green-A100 {
  color: #fff !important;
  border-color: #CCFF90 !important;
  background-color: #CCFF90 !important;
}

.text-light-green-A100 {
  color: #CCFF90 !important;
}

.border-light-green-A100 {
  border-color: #CCFF90 !important;
}

.bg-light-green-A200 {
  color: #fff !important;
  border-color: #B2FF59 !important;
  background-color: #B2FF59 !important;
}

.text-light-green-A200 {
  color: #B2FF59 !important;
}

.border-light-green-A200 {
  border-color: #B2FF59 !important;
}

.bg-light-green-A400 {
  color: #fff !important;
  border-color: #76FF03 !important;
  background-color: #76FF03 !important;
}

.text-light-green-A400 {
  color: #76FF03 !important;
}

.border-light-green-A400 {
  border-color: #76FF03 !important;
}

.bg-light-green-A700 {
  color: #fff !important;
  border-color: #64DD17 !important;
  background-color: #64DD17 !important;
}

.text-light-green-A700 {
  color: #64DD17 !important;
}

.border-light-green-A700 {
  border-color: #64DD17 !important;
}

.bg-lime-50 {
  color: #fff !important;
  border-color: #F9FBE7 !important;
  background-color: #F9FBE7 !important;
}

.text-lime-50 {
  color: #F9FBE7 !important;
}

.border-lime-50 {
  border-color: #F9FBE7 !important;
}

.bg-lime-100 {
  color: #fff !important;
  border-color: #F0F4C3 !important;
  background-color: #F0F4C3 !important;
}

.text-lime-100 {
  color: #F0F4C3 !important;
}

.border-lime-100 {
  border-color: #F0F4C3 !important;
}

.bg-lime-200 {
  color: #fff !important;
  border-color: #E6EE9C !important;
  background-color: #E6EE9C !important;
}

.text-lime-200 {
  color: #E6EE9C !important;
}

.border-lime-200 {
  border-color: #E6EE9C !important;
}

.bg-lime-300 {
  color: #fff !important;
  border-color: #DCE775 !important;
  background-color: #DCE775 !important;
}

.text-lime-300 {
  color: #DCE775 !important;
}

.border-lime-300 {
  border-color: #DCE775 !important;
}

.bg-lime-400 {
  color: #fff !important;
  border-color: #D4E157 !important;
  background-color: #D4E157 !important;
}

.text-lime-400 {
  color: #D4E157 !important;
}

.border-lime-400 {
  border-color: #D4E157 !important;
}

.bg-lime, .bg-lime-500 {
  color: #fff !important;
  border-color: #CDDC39 !important;
  background-color: #CDDC39 !important;
}

.text-lime, .text-lime-500 {
  color: #CDDC39 !important;
}

.border-lime, .border-lime-500 {
  border-color: #CDDC39 !important;
}

.bg-lime-600 {
  color: #fff !important;
  border-color: #C0CA33 !important;
  background-color: #C0CA33 !important;
}

.text-lime-600 {
  color: #C0CA33 !important;
}

.border-lime-600 {
  border-color: #C0CA33 !important;
}

.bg-lime-700 {
  color: #fff !important;
  border-color: #AFB42B !important;
  background-color: #AFB42B !important;
}

.text-lime-700 {
  color: #AFB42B !important;
}

.border-lime-700 {
  border-color: #AFB42B !important;
}

.bg-lime-800 {
  color: #fff !important;
  border-color: #9E9D24 !important;
  background-color: #9E9D24 !important;
}

.text-lime-800 {
  color: #9E9D24 !important;
}

.border-lime-800 {
  border-color: #9E9D24 !important;
}

.bg-lime-900 {
  color: #fff !important;
  border-color: #827717 !important;
  background-color: #827717 !important;
}

.text-lime-900 {
  color: #827717 !important;
}

.border-lime-900 {
  border-color: #827717 !important;
}

.bg-lime-A100 {
  color: #fff !important;
  border-color: #F4FF81 !important;
  background-color: #F4FF81 !important;
}

.text-lime-A100 {
  color: #F4FF81 !important;
}

.border-lime-A100 {
  border-color: #F4FF81 !important;
}

.bg-lime-A200 {
  color: #fff !important;
  border-color: #EEFF41 !important;
  background-color: #EEFF41 !important;
}

.text-lime-A200 {
  color: #EEFF41 !important;
}

.border-lime-A200 {
  border-color: #EEFF41 !important;
}

.bg-lime-A400 {
  color: #fff !important;
  border-color: #C6FF00 !important;
  background-color: #C6FF00 !important;
}

.text-lime-A400 {
  color: #C6FF00 !important;
}

.border-lime-A400 {
  border-color: #C6FF00 !important;
}

.bg-lime-A700 {
  color: #fff !important;
  border-color: #AEEA00 !important;
  background-color: #AEEA00 !important;
}

.text-lime-A700 {
  color: #AEEA00 !important;
}

.border-lime-A700 {
  border-color: #AEEA00 !important;
}

.bg-yellow-50 {
  color: #fff !important;
  border-color: #FFFDE7 !important;
  background-color: #FFFDE7 !important;
}

.text-yellow-50 {
  color: #FFFDE7 !important;
}

.border-yellow-50 {
  border-color: #FFFDE7 !important;
}

.bg-yellow-100 {
  color: #fff !important;
  border-color: #FFF9C4 !important;
  background-color: #FFF9C4 !important;
}

.text-yellow-100 {
  color: #FFF9C4 !important;
}

.border-yellow-100 {
  border-color: #FFF9C4 !important;
}

.bg-yellow-200 {
  color: #fff !important;
  border-color: #FFF59D !important;
  background-color: #FFF59D !important;
}

.text-yellow-200 {
  color: #FFF59D !important;
}

.border-yellow-200 {
  border-color: #FFF59D !important;
}

.bg-yellow-300 {
  color: #fff !important;
  border-color: #FFF176 !important;
  background-color: #FFF176 !important;
}

.text-yellow-300 {
  color: #FFF176 !important;
}

.border-yellow-300 {
  border-color: #FFF176 !important;
}

.bg-yellow-400 {
  color: #fff !important;
  border-color: #FFEE58 !important;
  background-color: #FFEE58 !important;
}

.text-yellow-400 {
  color: #FFEE58 !important;
}

.border-yellow-400 {
  border-color: #FFEE58 !important;
}

.bg-yellow, .bg-yellow-500 {
  color: #fff !important;
  border-color: #FFEB3B !important;
  background-color: #FFEB3B !important;
}

.text-yellow, .text-yellow-500 {
  color: #FFEB3B !important;
}

.border-yellow, .border-yellow-500 {
  border-color: #FFEB3B !important;
}

.bg-yellow-600 {
  color: #fff !important;
  border-color: #FDD835 !important;
  background-color: #FDD835 !important;
}

.text-yellow-600 {
  color: #FDD835 !important;
}

.border-yellow-600 {
  border-color: #FDD835 !important;
}

.bg-yellow-700 {
  color: #fff !important;
  border-color: #FBC02D !important;
  background-color: #FBC02D !important;
}

.text-yellow-700 {
  color: #FBC02D !important;
}

.border-yellow-700 {
  border-color: #FBC02D !important;
}

.bg-yellow-800 {
  color: #fff !important;
  border-color: #F9A825 !important;
  background-color: #F9A825 !important;
}

.text-yellow-800 {
  color: #F9A825 !important;
}

.border-yellow-800 {
  border-color: #F9A825 !important;
}

.bg-yellow-900 {
  color: #fff !important;
  border-color: #F57F17 !important;
  background-color: #F57F17 !important;
}

.text-yellow-900 {
  color: #F57F17 !important;
}

.border-yellow-900 {
  border-color: #F57F17 !important;
}

.bg-yellow-A100 {
  color: #fff !important;
  border-color: #FFFF8D !important;
  background-color: #FFFF8D !important;
}

.text-yellow-A100 {
  color: #FFFF8D !important;
}

.border-yellow-A100 {
  border-color: #FFFF8D !important;
}

.bg-yellow-A200 {
  color: #fff !important;
  border-color: #FFFF00 !important;
  background-color: #FFFF00 !important;
}

.text-yellow-A200 {
  color: #FFFF00 !important;
}

.border-yellow-A200 {
  border-color: #FFFF00 !important;
}

.bg-yellow-A400 {
  color: #fff !important;
  border-color: #FFEA00 !important;
  background-color: #FFEA00 !important;
}

.text-yellow-A400 {
  color: #FFEA00 !important;
}

.border-yellow-A400 {
  border-color: #FFEA00 !important;
}

.bg-yellow-A700 {
  color: #fff !important;
  border-color: #FFD600 !important;
  background-color: #FFD600 !important;
}

.text-yellow-A700 {
  color: #FFD600 !important;
}

.border-yellow-A700 {
  border-color: #FFD600 !important;
}

.bg-amber-50 {
  color: #fff !important;
  border-color: #FFF8E1 !important;
  background-color: #FFF8E1 !important;
}

.text-amber-50 {
  color: #FFF8E1 !important;
}

.border-amber-50 {
  border-color: #FFF8E1 !important;
}

.bg-amber-100 {
  color: #fff !important;
  border-color: #FFECB3 !important;
  background-color: #FFECB3 !important;
}

.text-amber-100 {
  color: #FFECB3 !important;
}

.border-amber-100 {
  border-color: #FFECB3 !important;
}

.bg-amber-200 {
  color: #fff !important;
  border-color: #FFE082 !important;
  background-color: #FFE082 !important;
}

.text-amber-200 {
  color: #FFE082 !important;
}

.border-amber-200 {
  border-color: #FFE082 !important;
}

.bg-amber-300 {
  color: #fff !important;
  border-color: #FFD54F !important;
  background-color: #FFD54F !important;
}

.text-amber-300 {
  color: #FFD54F !important;
}

.border-amber-300 {
  border-color: #FFD54F !important;
}

.bg-amber-400 {
  color: #fff !important;
  border-color: #FFCA28 !important;
  background-color: #FFCA28 !important;
}

.text-amber-400 {
  color: #FFCA28 !important;
}

.border-amber-400 {
  border-color: #FFCA28 !important;
}

.bg-amber, .bg-amber-500 {
  color: #fff !important;
  border-color: #FFC107 !important;
  background-color: #FFC107 !important;
}

.text-amber, .text-amber-500 {
  color: #FFC107 !important;
}

.border-amber, .border-amber-500 {
  border-color: #FFC107 !important;
}

.bg-amber-600 {
  color: #fff !important;
  border-color: #FFB300 !important;
  background-color: #FFB300 !important;
}

.text-amber-600 {
  color: #FFB300 !important;
}

.border-amber-600 {
  border-color: #FFB300 !important;
}

.bg-amber-700 {
  color: #fff !important;
  border-color: #FFA000 !important;
  background-color: #FFA000 !important;
}

.text-amber-700 {
  color: #FFA000 !important;
}

.border-amber-700 {
  border-color: #FFA000 !important;
}

.bg-amber-800 {
  color: #fff !important;
  border-color: #FF8F00 !important;
  background-color: #FF8F00 !important;
}

.text-amber-800 {
  color: #FF8F00 !important;
}

.border-amber-800 {
  border-color: #FF8F00 !important;
}

.bg-amber-900 {
  color: #fff !important;
  border-color: #FF6F00 !important;
  background-color: #FF6F00 !important;
}

.text-amber-900 {
  color: #FF6F00 !important;
}

.border-amber-900 {
  border-color: #FF6F00 !important;
}

.bg-amber-A100 {
  color: #fff !important;
  border-color: #FFE57F !important;
  background-color: #FFE57F !important;
}

.text-amber-A100 {
  color: #FFE57F !important;
}

.border-amber-A100 {
  border-color: #FFE57F !important;
}

.bg-amber-A200 {
  color: #fff !important;
  border-color: #FFD740 !important;
  background-color: #FFD740 !important;
}

.text-amber-A200 {
  color: #FFD740 !important;
}

.border-amber-A200 {
  border-color: #FFD740 !important;
}

.bg-amber-A400 {
  color: #fff !important;
  border-color: #FFC400 !important;
  background-color: #FFC400 !important;
}

.text-amber-A400 {
  color: #FFC400 !important;
}

.border-amber-A400 {
  border-color: #FFC400 !important;
}

.bg-amber-A700 {
  color: #fff !important;
  border-color: #FFAB00 !important;
  background-color: #FFAB00 !important;
}

.text-amber-A700 {
  color: #FFAB00 !important;
}

.border-amber-A700 {
  border-color: #FFAB00 !important;
}

.bg-orange-50 {
  color: #fff !important;
  border-color: #FFF3E0 !important;
  background-color: #FFF3E0 !important;
}

.text-orange-50 {
  color: #FFF3E0 !important;
}

.border-orange-50 {
  border-color: #FFF3E0 !important;
}

.bg-orange-100 {
  color: #fff !important;
  border-color: #FFE0B2 !important;
  background-color: #FFE0B2 !important;
}

.text-orange-100 {
  color: #FFE0B2 !important;
}

.border-orange-100 {
  border-color: #FFE0B2 !important;
}

.bg-orange-200 {
  color: #fff !important;
  border-color: #FFCC80 !important;
  background-color: #FFCC80 !important;
}

.text-orange-200 {
  color: #FFCC80 !important;
}

.border-orange-200 {
  border-color: #FFCC80 !important;
}

.bg-orange-300 {
  color: #fff !important;
  border-color: #FFB74D !important;
  background-color: #FFB74D !important;
}

.text-orange-300 {
  color: #FFB74D !important;
}

.border-orange-300 {
  border-color: #FFB74D !important;
}

.bg-orange-400 {
  color: #fff !important;
  border-color: #FFA726 !important;
  background-color: #FFA726 !important;
}

.text-orange-400 {
  color: #FFA726 !important;
}

.border-orange-400 {
  border-color: #FFA726 !important;
}

.bg-orange, .bg-orange-500 {
  color: #fff !important;
  border-color: #FF9800 !important;
  background-color: #FF9800 !important;
}

.text-orange, .text-orange-500 {
  color: #FF9800 !important;
}

.border-orange, .border-orange-500 {
  border-color: #FF9800 !important;
}

.bg-orange-600 {
  color: #fff !important;
  border-color: #FB8C00 !important;
  background-color: #FB8C00 !important;
}

.text-orange-600 {
  color: #FB8C00 !important;
}

.border-orange-600 {
  border-color: #FB8C00 !important;
}

.bg-orange-700 {
  color: #fff !important;
  border-color: #F57C00 !important;
  background-color: #F57C00 !important;
}

.text-orange-700 {
  color: #F57C00 !important;
}

.border-orange-700 {
  border-color: #F57C00 !important;
}

.bg-orange-800 {
  color: #fff !important;
  border-color: #EF6C00 !important;
  background-color: #EF6C00 !important;
}

.text-orange-800 {
  color: #EF6C00 !important;
}

.border-orange-800 {
  border-color: #EF6C00 !important;
}

.bg-orange-900 {
  color: #fff !important;
  border-color: #E65100 !important;
  background-color: #E65100 !important;
}

.text-orange-900 {
  color: #E65100 !important;
}

.border-orange-900 {
  border-color: #E65100 !important;
}

.bg-orange-A100 {
  color: #fff !important;
  border-color: #FFD180 !important;
  background-color: #FFD180 !important;
}

.text-orange-A100 {
  color: #FFD180 !important;
}

.border-orange-A100 {
  border-color: #FFD180 !important;
}

.bg-orange-A200 {
  color: #fff !important;
  border-color: #FFAB40 !important;
  background-color: #FFAB40 !important;
}

.text-orange-A200 {
  color: #FFAB40 !important;
}

.border-orange-A200 {
  border-color: #FFAB40 !important;
}

.bg-orange-A400 {
  color: #fff !important;
  border-color: #FF9100 !important;
  background-color: #FF9100 !important;
}

.text-orange-A400 {
  color: #FF9100 !important;
}

.border-orange-A400 {
  border-color: #FF9100 !important;
}

.bg-orange-A700 {
  color: #fff !important;
  border-color: #FF6D00 !important;
  background-color: #FF6D00 !important;
}

.text-orange-A700 {
  color: #FF6D00 !important;
}

.border-orange-A700 {
  border-color: #FF6D00 !important;
}

.bg-deep-orange-50 {
  color: #fff !important;
  border-color: #FBE9E7 !important;
  background-color: #FBE9E7 !important;
}

.text-deep-orange-50 {
  color: #FBE9E7 !important;
}

.border-deep-orange-50 {
  border-color: #FBE9E7 !important;
}

.bg-deep-orange-100 {
  color: #fff !important;
  border-color: #FFCCBC !important;
  background-color: #FFCCBC !important;
}

.text-deep-orange-100 {
  color: #FFCCBC !important;
}

.border-deep-orange-100 {
  border-color: #FFCCBC !important;
}

.bg-deep-orange-200 {
  color: #fff !important;
  border-color: #FFAB91 !important;
  background-color: #FFAB91 !important;
}

.text-deep-orange-200 {
  color: #FFAB91 !important;
}

.border-deep-orange-200 {
  border-color: #FFAB91 !important;
}

.bg-deep-orange-300 {
  color: #fff !important;
  border-color: #FF8A65 !important;
  background-color: #FF8A65 !important;
}

.text-deep-orange-300 {
  color: #FF8A65 !important;
}

.border-deep-orange-300 {
  border-color: #FF8A65 !important;
}

.bg-deep-orange-400 {
  color: #fff !important;
  border-color: #FF7043 !important;
  background-color: #FF7043 !important;
}

.text-deep-orange-400 {
  color: #FF7043 !important;
}

.border-deep-orange-400 {
  border-color: #FF7043 !important;
}

.bg-deep-orange, .bg-deep-orange-500 {
  color: #fff !important;
  border-color: #FF5722 !important;
  background-color: #FF5722 !important;
}

.text-deep-orange, .text-deep-orange-500 {
  color: #FF5722 !important;
}

.border-deep-orange, .border-deep-orange-500 {
  border-color: #FF5722 !important;
}

.bg-deep-orange-600 {
  color: #fff !important;
  border-color: #F4511E !important;
  background-color: #F4511E !important;
}

.text-deep-orange-600 {
  color: #F4511E !important;
}

.border-deep-orange-600 {
  border-color: #F4511E !important;
}

.bg-deep-orange-700 {
  color: #fff !important;
  border-color: #E64A19 !important;
  background-color: #E64A19 !important;
}

.text-deep-orange-700 {
  color: #E64A19 !important;
}

.border-deep-orange-700 {
  border-color: #E64A19 !important;
}

.bg-deep-orange-800 {
  color: #fff !important;
  border-color: #D84315 !important;
  background-color: #D84315 !important;
}

.text-deep-orange-800 {
  color: #D84315 !important;
}

.border-deep-orange-800 {
  border-color: #D84315 !important;
}

.bg-deep-orange-900 {
  color: #fff !important;
  border-color: #BF360C !important;
  background-color: #BF360C !important;
}

.text-deep-orange-900 {
  color: #BF360C !important;
}

.border-deep-orange-900 {
  border-color: #BF360C !important;
}

.bg-deep-orange-A100 {
  color: #fff !important;
  border-color: #FF9E80 !important;
  background-color: #FF9E80 !important;
}

.text-deep-orange-A100 {
  color: #FF9E80 !important;
}

.border-deep-orange-A100 {
  border-color: #FF9E80 !important;
}

.bg-deep-orange-A200 {
  color: #fff !important;
  border-color: #FF6E40 !important;
  background-color: #FF6E40 !important;
}

.text-deep-orange-A200 {
  color: #FF6E40 !important;
}

.border-deep-orange-A200 {
  border-color: #FF6E40 !important;
}

.bg-deep-orange-A400 {
  color: #fff !important;
  border-color: #FF3D00 !important;
  background-color: #FF3D00 !important;
}

.text-deep-orange-A400 {
  color: #FF3D00 !important;
}

.border-deep-orange-A400 {
  border-color: #FF3D00 !important;
}

.bg-deep-orange-A700 {
  color: #fff !important;
  border-color: #DD2C00 !important;
  background-color: #DD2C00 !important;
}

.text-deep-orange-A700 {
  color: #DD2C00 !important;
}

.border-deep-orange-A700 {
  border-color: #DD2C00 !important;
}

.bg-brown-50 {
  color: #fff !important;
  border-color: #EFEBE9 !important;
  background-color: #EFEBE9 !important;
}

.text-brown-50 {
  color: #EFEBE9 !important;
}

.border-brown-50 {
  border-color: #EFEBE9 !important;
}

.bg-brown-100 {
  color: #fff !important;
  border-color: #D7CCC8 !important;
  background-color: #D7CCC8 !important;
}

.text-brown-100 {
  color: #D7CCC8 !important;
}

.border-brown-100 {
  border-color: #D7CCC8 !important;
}

.bg-brown-200 {
  color: #fff !important;
  border-color: #BCAAA4 !important;
  background-color: #BCAAA4 !important;
}

.text-brown-200 {
  color: #BCAAA4 !important;
}

.border-brown-200 {
  border-color: #BCAAA4 !important;
}

.bg-brown-300 {
  color: #fff !important;
  border-color: #A1887F !important;
  background-color: #A1887F !important;
}

.text-brown-300 {
  color: #A1887F !important;
}

.border-brown-300 {
  border-color: #A1887F !important;
}

.bg-brown-400 {
  color: #fff !important;
  border-color: #8D6E63 !important;
  background-color: #8D6E63 !important;
}

.text-brown-400 {
  color: #8D6E63 !important;
}

.border-brown-400 {
  border-color: #8D6E63 !important;
}

.bg-brown, .bg-brown-500 {
  color: #fff !important;
  border-color: #795548 !important;
  background-color: #795548 !important;
}

.text-brown, .text-brown-500 {
  color: #795548 !important;
}

.border-brown, .border-brown-500 {
  border-color: #795548 !important;
}

.bg-brown-600 {
  color: #fff !important;
  border-color: #6D4C41 !important;
  background-color: #6D4C41 !important;
}

.text-brown-600 {
  color: #6D4C41 !important;
}

.border-brown-600 {
  border-color: #6D4C41 !important;
}

.bg-brown-700 {
  color: #fff !important;
  border-color: #5D4037 !important;
  background-color: #5D4037 !important;
}

.text-brown-700 {
  color: #5D4037 !important;
}

.border-brown-700 {
  border-color: #5D4037 !important;
}

.bg-brown-800 {
  color: #fff !important;
  border-color: #4E342E !important;
  background-color: #4E342E !important;
}

.text-brown-800 {
  color: #4E342E !important;
}

.border-brown-800 {
  border-color: #4E342E !important;
}

.bg-brown-900 {
  color: #fff !important;
  border-color: #3E2723 !important;
  background-color: #3E2723 !important;
}

.text-brown-900 {
  color: #3E2723 !important;
}

.border-brown-900 {
  border-color: #3E2723 !important;
}

.bg-grey-50 {
  color: #fff !important;
  border-color: #FAFAFA !important;
  background-color: #FAFAFA !important;
}

.text-grey-50 {
  color: #FAFAFA !important;
}

.border-grey-50 {
  border-color: #FAFAFA !important;
}

.bg-grey-100 {
  color: #fff !important;
  border-color: #F5F5F5 !important;
  background-color: #F5F5F5 !important;
}

.text-grey-100 {
  color: #F5F5F5 !important;
}

.border-grey-100 {
  border-color: #F5F5F5 !important;
}

.bg-grey-200 {
  color: #fff !important;
  border-color: #EEEEEE !important;
  background-color: #EEEEEE !important;
}

.text-grey-200 {
  color: #EEEEEE !important;
}

.border-grey-200 {
  border-color: #EEEEEE !important;
}

.bg-grey-300 {
  color: #fff !important;
  border-color: #E0E0E0 !important;
  background-color: #E0E0E0 !important;
}

.text-grey-300 {
  color: #E0E0E0 !important;
}

.border-grey-300 {
  border-color: #E0E0E0 !important;
}

.bg-grey-400 {
  color: #fff !important;
  border-color: #BDBDBD !important;
  background-color: #BDBDBD !important;
}

.text-grey-400 {
  color: #BDBDBD !important;
}

.border-grey-400 {
  border-color: #BDBDBD !important;
}

.bg-grey, .bg-grey-500 {
  color: #fff !important;
  border-color: #9E9E9E !important;
  background-color: #9E9E9E !important;
}

.text-grey, .text-grey-500 {
  color: #9E9E9E !important;
}

.border-grey, .border-grey-500 {
  border-color: #9E9E9E !important;
}

.bg-grey-600 {
  color: #fff !important;
  border-color: #757575 !important;
  background-color: #757575 !important;
}

.text-grey-600 {
  color: #757575 !important;
}

.border-grey-600 {
  border-color: #757575 !important;
}

.bg-grey-700 {
  color: #fff !important;
  border-color: #616161 !important;
  background-color: #616161 !important;
}

.text-grey-700 {
  color: #616161 !important;
}

.border-grey-700 {
  border-color: #616161 !important;
}

.bg-grey-800 {
  color: #fff !important;
  border-color: #424242 !important;
  background-color: #424242 !important;
}

.text-grey-800 {
  color: #424242 !important;
}

.border-grey-800 {
  border-color: #424242 !important;
}

.bg-grey-900 {
  color: #fff !important;
  border-color: #212121 !important;
  background-color: #212121 !important;
}

.text-grey-900 {
  color: #212121 !important;
}

.border-grey-900 {
  border-color: #212121 !important;
}

.bg-blue-grey-50 {
  color: #fff !important;
  border-color: #ECEFF1 !important;
  background-color: #ECEFF1 !important;
}

.text-blue-grey-50 {
  color: #ECEFF1 !important;
}

.border-blue-grey-50 {
  border-color: #ECEFF1 !important;
}

.bg-blue-grey-100 {
  color: #fff !important;
  border-color: #CFD8DC !important;
  background-color: #CFD8DC !important;
}

.text-blue-grey-100 {
  color: #CFD8DC !important;
}

.border-blue-grey-100 {
  border-color: #CFD8DC !important;
}

.bg-blue-grey-200 {
  color: #fff !important;
  border-color: #B0BEC5 !important;
  background-color: #B0BEC5 !important;
}

.text-blue-grey-200 {
  color: #B0BEC5 !important;
}

.border-blue-grey-200 {
  border-color: #B0BEC5 !important;
}

.bg-blue-grey-300 {
  color: #fff !important;
  border-color: #90A4AE !important;
  background-color: #90A4AE !important;
}

.text-blue-grey-300 {
  color: #90A4AE !important;
}

.border-blue-grey-300 {
  border-color: #90A4AE !important;
}

.bg-blue-grey-400 {
  color: #fff !important;
  border-color: #78909C !important;
  background-color: #78909C !important;
}

.text-blue-grey-400 {
  color: #78909C !important;
}

.border-blue-grey-400 {
  border-color: #78909C !important;
}

.bg-blue-grey, .bg-blue-grey-500 {
  color: #fff !important;
  border-color: #607D8B !important;
  background-color: #607D8B !important;
}

.text-blue-grey, .text-blue-grey-500 {
  color: #607D8B !important;
}

.border-blue-grey, .border-blue-grey-500 {
  border-color: #607D8B !important;
}

.bg-blue-grey-600 {
  color: #fff !important;
  border-color: #546E7A !important;
  background-color: #546E7A !important;
}

.text-blue-grey-600 {
  color: #546E7A !important;
}

.border-blue-grey-600 {
  border-color: #546E7A !important;
}

.bg-blue-grey-700 {
  color: #fff !important;
  border-color: #455A64 !important;
  background-color: #455A64 !important;
}

.text-blue-grey-700 {
  color: #455A64 !important;
}

.border-blue-grey-700 {
  border-color: #455A64 !important;
}

.bg-blue-grey-800 {
  color: #fff !important;
  border-color: #37474F !important;
  background-color: #37474F !important;
}

.text-blue-grey-800 {
  color: #37474F !important;
}

.border-blue-grey-800 {
  border-color: #37474F !important;
}

.bg-blue-grey-900 {
  color: #fff !important;
  border-color: #263238 !important;
  background-color: #263238 !important;
}

.text-blue-grey-900 {
  color: #263238 !important;
}

.border-blue-grey-900 {
  border-color: #263238 !important;
}

.bg-black, .bg-black-500 {
  color: #fff !important;
  border-color: #000000 !important;
  background-color: #000000 !important;
}

.text-black, .text-black-500 {
  color: #000000 !important;
}

.border-black, .border-black-500 {
  border-color: #000000 !important;
}

.bg-white, .bg-white-500 {
  color: #fff !important;
  border-color: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.text-white, .text-white-500 {
  color: #FFFFFF !important;
}

.border-white, .border-white-500 {
  border-color: #FFFFFF !important;
}

.white, .white-500 {
  color: #666 !important;
}




/* text align */
.text-left, .text-left-all > * {
  text-align: left !important;
}

.text-right, .text-right-all > * {
  text-align: right !important;
}

.text-center, .text-center-all > * {
  text-align: center !important;
}

.text-justify, .text-justify-all > * {
  text-align: justify !important;
}

.text-top, .vertical-top {
  vertical-align: top !important;
}

.text-middle, .vertical-middle {
  vertical-align: middle !important;
}

.text-bottom, .vertical-bottom {
  vertical-align: bottom !important;
}

/* text colors */
.text-none {
  color: none !important;
}

.text-white {
  color: white !important;
}

.text-red {
  color: red !important;
}

.text-green {
  color: green !important;
}

.text-orange {
  color: orange !important;
}

.text-gray {
  color: gray !important;
}

.text-black {
  color: black !important;
}

.text-yellow {
  color: yellow !important;
}

.text-purple {
  color: purple !important;
}

.text-brown {
  color: brown !important;
}

.text-beige {
  color: beige !important;
}

.text-khaki {
  color: khaki !important;
}

.text-navy {
  color: navy !important;
}

.text-pink {
  color: pink !important;
}

.text-plum {
  color: plum !important;
}

.text-teal {
  color: teal !important;
}

.text-aqua {
  color: aqua !important;
}

.text-silver {
  color: silver !important;
}

.text-fuchsia {
  color: fuchsia !important;
}

.text-maroon {
  color: maroon !important;
}

.text-olive {
  color: olive !important;
}

.text-lime {
  color: lime !important;
}

.text-gary {
  color: #DDDDDD !important;
}

.text-primary {
  color: #008EE5 !important;
}

.text-secondary {
  color: #3BB4F2 !important;
}

.text-info {
  color: #2EAAC6 !important;
}

.text-success {
  color: #71B472 !important;
}

.text-warning {
  color: #FFB74D !important;
}

.text-error {
  color: #E87467 !important;
}

.text-indent {
  text-indent: 21pt;
}




/* text other */
.text-shadow {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
}

.text-shadow-white {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
}

.text-shadow-none {
  text-shadow: none !important;
}

.text-shadow-gary {
  text-shadow: 0 1px 1px rgba(221, 221, 221, 0.4) !important;
}

.text-shadow-primary {
  text-shadow: 0 1px 1px rgba(0, 142, 229, 0.4) !important;
}

.text-shadow-secondary {
  text-shadow: 0 1px 1px rgba(59, 180, 242, 0.4) !important;
}

.text-shadow-info {
  text-shadow: 0 1px 1px rgba(46, 170, 198, 0.4) !important;
}

.text-shadow-success {
  text-shadow: 0 1px 1px rgba(113, 180, 114, 0.4) !important;
}

.text-shadow-warning {
  text-shadow: 0 1px 1px rgba(255, 183, 77, 0.4) !important;
}

.text-shadow-error {
  text-shadow: 0 1px 1px rgba(232, 116, 103, 0.4) !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.word-break {
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  word-wrap: break-word !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-none {
  text-transform: none !important;
}

.text-ellipsis {
  overflow: hidden !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* border colors */
.border-gary {
  border-color: #DDDDDD !important;
}

.border-primary {
  border-color: #008EE5 !important;
}

.border-secondary {
  border-color: #3BB4F2 !important;
}

.border-info {
  border-color: #2EAAC6 !important;
}

.border-success {
  border-color: #71B472 !important;
}

.border-warning {
  border-color: #FFB74D !important;
}

.border-error {
  border-color: #E87467 !important;
}

.border-none {
  border-color: none !important;
}

.border-white {
  border-color: white !important;
}

.border-red {
  border-color: red !important;
}

.border-green {
  border-color: green !important;
}

.border-orange {
  border-color: orange !important;
}

.border-gray {
  border-color: gray !important;
}

.border-black {
  border-color: black !important;
}

.border-yellow {
  border-color: yellow !important;
}

.border-purple {
  border-color: purple !important;
}

.border-brown {
  border-color: brown !important;
}

.border-beige {
  border-color: beige !important;
}

.border-khaki {
  border-color: khaki !important;
}

.border-navy {
  border-color: navy !important;
}

.border-pink {
  border-color: pink !important;
}

.border-plum {
  border-color: plum !important;
}

.border-teal {
  border-color: teal !important;
}

.border-aqua {
  border-color: aqua !important;
}

.border-silver {
  border-color: silver !important;
}

.border-fuchsia {
  border-color: fuchsia !important;
}

.border-maroon {
  border-color: maroon !important;
}

.border-olive {
  border-color: olive !important;
}

.border-lime {
  border-color: lime !important;
}



/* border none */
.border-none, .unbordered, .unbordered-all > * {
  border: none !important;
}

.border-top-none {
  border-top: none !important;
}

.border-right-none {
  border-right: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-left-none {
  border-left: none !important;
}

/* border 1px */
.border-1px {
  border: 1px solid #ddd !important;
}

.border-dashed-1px {
  border: 1px dashed #ddd !important;
}

.border-left-1px {
  border-left: 1px solid #ddd !important;
}

.border-left-dashed-1px {
  border-left: 1px dashed #ddd !important;
}

.border-right-1px {
  border-right: 1px solid #ddd !important;
}

.border-right-dashed-1px {
  border-right: 1px dashed #ddd !important;
}

.border-top-1px {
  border-top: 1px solid #ddd !important;
}

.border-top-dashed-1px {
  border-top: 1px dashed #ddd !important;
}

.border-bottom-1px {
  border-bottom: 1px solid #ddd !important;
}

.border-bottom-dashed-1px {
  border-bottom: 1px dashed #ddd !important;
}



/* border transparent */
.border-transparent {
  border-color: transparent !important;
}

.border-left-transparent {
  border-left-color: transparent !important;
}

.border-right-transparent {
  border-right-color: transparent !important;
}

.border-top-transparent {
  border-top-color: transparent !important;
}

.border-bottom-transparent {
  border-bottom-color: transparent !important;
}

/* border-radius */
.circle, .circle-all > *, .round, .round-all > * {
  text-align: center;
  -webkit-border-radius: 500px !important;
  border-radius: 500px !important;
}

.square, .square-all > * {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.ellipse {
  text-align: center !important;
  -webkit-border-radius: 100% !important;
  border-radius: 100% !important;
}

.radius-none, .square, .square-all > * {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.radius, .radius-all > * {
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
}

.radius-tr-none {
  -webkit-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.radius-tl-none {
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.radius-br-none {
  -webkit-border-bottom-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.radius-bl-none {
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.browsehappy {
  color: #fff;
  background: #FFA726;
  position: fixed;
  *position: absolute;
  text-align: center;
  padding: 4px 0 5px;
}

.browsehappy .close {
  color: #fff;
  float: right;
  padding: 10px;
}




/* ================  Layouts  ================ */
/* Layout */
.layout, .full-width {
  width: 100%;
}

.grid, .row, .container, .layout, .full-width {
  margin: 0 auto;
}

.grid:before, .grid:after, .row:before, .row:after, .container:before, .container:after, .layout:before, .layout:after, .full-width:before, .full-width:after {
  content: " ";
  display: table;
}

.grid:after, .row:after, .container:after, .layout:after, .full-width:after {
  clear: both;
}

.container {
  padding: 0;
}

.grid {
  position: relative;
  list-style: none;
  background: transparent;
}

.grid > * > :last-child, .grid > .row:last-child {
  margin-bottom: 0;
}

.row {
  position: relative;
  /*margin: 0 -10px 20px -10px;*/
  /*margin: 0 -1rem 2rem -1rem;*/
}

.row:before, .row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:last-child {
  margin-bottom: 0;
}

[class*=grid-] {
  float: left;
  padding: 0 10px;
  padding: 0 1rem;
  position: relative;
  min-height: 1px;
}

/* grids */
.grid-1 {
  width: 8.33333%;
}

.grid-2 {
  width: 16.66667%;
}

.grid-3 {
  width: 25%;
}

.grid-4 {
  width: 33.33333%;
}

.grid-5 {
  width: 41.66667%;
}

.grid-6 {
  width: 50%;
}

.grid-7 {
  width: 58.33333%;
}

.grid-8 {
  width: 66.66667%;
}

.grid-9 {
  width: 75%;
}

.grid-10 {
  width: 83.33333%;
}

.grid-11 {
  width: 91.66667%;
}

.grid-12 {
  width: 100%;
}

.grid-offset-0 {
  margin-left: 0%;
}

.grid-push-0 {
  left: 0%;
}

.grid-pull-0 {
  right: 0%;
}

.grid-offset-1 {
  margin-left: 8.33333%;
}

.grid-push-1 {
  left: 8.33333%;
}

.grid-pull-1 {
  right: 8.33333%;
}

.grid-offset-2 {
  margin-left: 16.66667%;
}

.grid-push-2 {
  left: 16.66667%;
}

.grid-pull-2 {
  right: 16.66667%;
}

.grid-offset-3 {
  margin-left: 25%;
}

.grid-push-3 {
  left: 25%;
}

.grid-pull-3 {
  right: 25%;
}

.grid-offset-4 {
  margin-left: 33.33333%;
}

.grid-push-4 {
  left: 33.33333%;
}

.grid-pull-4 {
  right: 33.33333%;
}

.grid-offset-5 {
  margin-left: 41.66667%;
}

.grid-push-5 {
  left: 41.66667%;
}

.grid-pull-5 {
  right: 41.66667%;
}

.grid-offset-6 {
  margin-left: 50%;
}

.grid-push-6 {
  left: 50%;
}

.grid-pull-6 {
  right: 50%;
}

.grid-offset-7 {
  margin-left: 58.33333%;
}

.grid-push-7 {
  left: 58.33333%;
}

.grid-pull-7 {
  right: 58.33333%;
}

.grid-offset-8 {
  margin-left: 66.66667%;
}

.grid-push-8 {
  left: 66.66667%;
}

.grid-pull-8 {
  right: 66.66667%;
}

.grid-offset-9 {
  margin-left: 75%;
}

.grid-push-9 {
  left: 75%;
}

.grid-pull-9 {
  right: 75%;
}

.grid-offset-10 {
  margin-left: 83.33333%;
}

.grid-push-10 {
  left: 83.33333%;
}

.grid-pull-10 {
  right: 83.33333%;
}

.grid-offset-11 {
  margin-left: 91.66667%;
}

.grid-push-11 {
  left: 91.66667%;
}

.grid-pull-11 {
  right: 91.66667%;
}

.row > [class*="grid-"].grid-uncentered {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 1rem;
}

.row > [class*="grid-"].grid-center {
  padding: 0;
  float: none;
  clear: both;
  margin: 0 auto;
}



.row > [class*="grid-"].grid-uncentered {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 10px;
  padding: 0 1rem;
}

.row > [class*="grid-"].grid-center {
  padding: 0;
  float: none;
  clear: both;
  margin: 0 auto;
}

/* grid margin */
.grid.grid-margin-none {
  width: 100%;
  padding: 0;
}

.grid.grid-margin-none .row {
  margin: 0;
  padding: 0;
}

.grid.grid-margin-none .row > [class*=grid-] {
  padding: 0;
}

.grid.grid-margin-lg {
  width: 100%;
  padding: 0;
}

.grid.grid-margin-lg .row {
  padding: 0;
  margin: 0 -15px 30px -15px;
  margin: 0 -1.5rem 3rem -1.5rem;
}

.grid.grid-margin-lg .row > [class*=grid-] {
  padding: 0 15px;
  padding: 0 1.5rem;
}

.grid.grid-margin-lg .row:last-child {
  margin-bottom: 0;
}

.grid > .row > [class*=grid-] > .row:last-child, .grid > .row:last-child {
  margin-bottom: 0;
}


.flexbox {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
}

.flex {
  -webkit-box-flex: 1;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1;
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* New, Spec - Firefox, Chrome, Opera */
}

.flex-inline {
  -webkit-inline-flex: 1;
  /* Chrome 21.0+ */
  -moz-inline-flex: 1;
  -ms-inline-flex: 1;
  inline-flex: 1;
  /* Firefox 20+, Opera 12.5 */
}

.inline-flexbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-flex;
  display: inline-flex;
}

.flex-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.flex-row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.flex-column-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Firefox 28+, IE11, Opera 12.10 */
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  /* Firefox 28+, IE11, Opera 12.10 */
}




/*!
 * # Semantic UI 2.4.1 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Label
*******************************/

.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #E8E8E8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}

/* Link */
a.ui.label {
  cursor: pointer;
}

/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  -webkit-transition: 0.1s opacity ease;
  transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}

/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important;
}

/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em;
}

/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em;
}

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.5em;
  font-size: 0.92857143em;
  opacity: 0.5;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.label > .delete.icon:hover {
  opacity: 1;
}

/*-------------------
       Group
--------------------*/

.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em;
}

/*-------------------
       Coupling
--------------------*/

.ui.header > .ui.label {
  margin-top: -0.29165em;
}

/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}
.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important;
}


/*******************************
             Types
*******************************/

.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #E8E8E8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/*-------------------
         Tag
--------------------*/

.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: none;
  transition: none;
}
.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
          transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  -webkit-transition: none;
  transition: none;
}
.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #FFFFFF !important;
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}

/*-------------------
    Corner Label
--------------------*/

.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #E8E8E8;
  width: 4em;
  height: 4em;
  z-index: 1;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}

/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}
.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em;
}

/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em;
}
.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit;
}
.ui.left.corner.label .icon {
  left: -0.78571429em;
}

/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}
.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}

/*-------------------
       Ribbon
--------------------*/

.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em;
}

/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em;
}
.ui[class*="right ribbon"].label {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em);
}

/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right ribbon"].label:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit;
}

/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(--0.05rem - 1.2em);
}
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em;
}

/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-0.78571429em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 0.78571429em + 1.2em);
  padding-left: 0.833em;
}

/*-------------------
      Attached
--------------------*/

.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}


/*******************************
             States
*******************************/


/*-------------------
      Disabled
--------------------*/

.ui.label.disabled {
  opacity: 0.5;
}

/*-------------------
        Hover
--------------------*/

a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8);
}

/*-------------------
        Active
--------------------*/

.ui.active.label {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.label:before {
  background-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
     Active Hover
--------------------*/

a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
      Visible
--------------------*/

.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
  display: inline-block !important;
}

/*-------------------
      Hidden
--------------------*/

.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}


/*******************************
           Variations
*******************************/


/*-------------------
       Colors
--------------------*/


/*--- Red ---*/

.ui.red.labels .label,
.ui.red.label {
  background-color: #DB2828 !important;
  border-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #d01919 !important;
  border-color: #d01919 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.red.ribbon.label {
  border-color: #b21e1e !important;
}

/* Basic */
.ui.basic.red.label {
  background: none #FFFFFF !important;
  color: #DB2828 !important;
  border-color: #DB2828 !important;
}
.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #FFFFFF !important;
  color: #d01919 !important;
  border-color: #d01919 !important;
}

/*--- Orange ---*/

.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F2711C !important;
  border-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: #f26202 !important;
  border-color: #f26202 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #cf590c !important;
}

/* Basic */
.ui.basic.orange.label {
  background: none #FFFFFF !important;
  color: #F2711C !important;
  border-color: #F2711C !important;
}
.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #FFFFFF !important;
  color: #f26202 !important;
  border-color: #f26202 !important;
}

/*--- Yellow ---*/

.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #FBBD08 !important;
  border-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #eaae00 !important;
  border-color: #eaae00 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #cd9903 !important;
}

/* Basic */
.ui.basic.yellow.label {
  background: none #FFFFFF !important;
  color: #FBBD08 !important;
  border-color: #FBBD08 !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #FFFFFF !important;
  color: #eaae00 !important;
  border-color: #eaae00 !important;
}

/*--- Olive ---*/

.ui.olive.labels .label,
.ui.olive.label {
  background-color: #B5CC18 !important;
  border-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a7bd0d !important;
  border-color: #a7bd0d !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.olive.label {
  background: none #FFFFFF !important;
  color: #B5CC18 !important;
  border-color: #B5CC18 !important;
}
.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #FFFFFF !important;
  color: #a7bd0d !important;
  border-color: #a7bd0d !important;
}

/*--- Green ---*/

.ui.green.labels .label,
.ui.green.label {
  background-color: #21BA45 !important;
  border-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #16ab39 !important;
  border-color: #16ab39 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.green.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.green.label {
  background: none #FFFFFF !important;
  color: #21BA45 !important;
  border-color: #21BA45 !important;
}
.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #FFFFFF !important;
  color: #16ab39 !important;
  border-color: #16ab39 !important;
}

/*--- Teal ---*/

.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: #009c95 !important;
  border-color: #009c95 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #00827c !important;
}

/* Basic */
.ui.basic.teal.label {
  background: none #FFFFFF !important;
  color: #00B5AD !important;
  border-color: #00B5AD !important;
}
.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #FFFFFF !important;
  color: #009c95 !important;
  border-color: #009c95 !important;
}

/*--- Blue ---*/

.ui.blue.labels .label,
.ui.blue.label {
  background-color: #2185D0 !important;
  border-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #1678c2 !important;
  border-color: #1678c2 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #1a69a4 !important;
}

/* Basic */
.ui.basic.blue.label {
  background: none #FFFFFF !important;
  color: #2185D0 !important;
  border-color: #2185D0 !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #FFFFFF !important;
  color: #1678c2 !important;
  border-color: #1678c2 !important;
}

/*--- Violet ---*/

.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6435C9 !important;
  border-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #5829bb !important;
  border-color: #5829bb !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #502aa1 !important;
}

/* Basic */
.ui.basic.violet.label {
  background: none #FFFFFF !important;
  color: #6435C9 !important;
  border-color: #6435C9 !important;
}
.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #FFFFFF !important;
  color: #5829bb !important;
  border-color: #5829bb !important;
}

/*--- Purple ---*/

.ui.purple.labels .label,
.ui.purple.label {
  background-color: #A333C8 !important;
  border-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9627ba !important;
  border-color: #9627ba !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important;
}

/* Basic */
.ui.basic.purple.label {
  background: none #FFFFFF !important;
  color: #A333C8 !important;
  border-color: #A333C8 !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #FFFFFF !important;
  color: #9627ba !important;
  border-color: #9627ba !important;
}

/*--- Pink ---*/

.ui.pink.labels .label,
.ui.pink.label {
  background-color: #E03997 !important;
  border-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e61a8d !important;
  border-color: #e61a8d !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important;
}

/* Basic */
.ui.basic.pink.label {
  background: none #FFFFFF !important;
  color: #E03997 !important;
  border-color: #E03997 !important;
}
.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #FFFFFF !important;
  color: #e61a8d !important;
  border-color: #e61a8d !important;
}

/*--- Brown ---*/

.ui.brown.labels .label,
.ui.brown.label {
  background-color: #A5673F !important;
  border-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #975b33 !important;
  border-color: #975b33 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.brown.label {
  background: none #FFFFFF !important;
  color: #A5673F !important;
  border-color: #A5673F !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #FFFFFF !important;
  color: #975b33 !important;
  border-color: #975b33 !important;
}

/*--- Grey ---*/

.ui.grey.labels .label,
.ui.grey.label {
  background-color: #767676 !important;
  border-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.grey.label {
  background: none #FFFFFF !important;
  color: #767676 !important;
  border-color: #767676 !important;
}
.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #FFFFFF !important;
  color: #838383 !important;
  border-color: #838383 !important;
}

/*--- Black ---*/

.ui.black.labels .label,
.ui.black.label {
  background-color: #1B1C1D !important;
  border-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #27292a !important;
  border-color: #27292a !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.black.label {
  background: none #FFFFFF !important;
  color: #1B1C1D !important;
  border-color: #1B1C1D !important;
}
.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #FFFFFF !important;
  color: #27292a !important;
  border-color: #27292a !important;
}

/*-------------------
        Basic
--------------------*/

.ui.basic.label {
  background: none #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #FFFFFF;
  color: #1e70bf;
  -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);
          box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit;
}

/*-------------------
       Fluid
--------------------*/

.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*-------------------
       Inverted
--------------------*/

.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/*-------------------
     Horizontal
--------------------*/

.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}

/*-------------------
       Pointing
--------------------*/

.ui.pointing.label {
  position: relative;
}
.ui.attached.pointing.label {
  position: absolute;
}
.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit;
}

/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

/*--- Above ---*/

.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}
.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}

/*--- Below ---*/

.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}

/*--- Left ---*/

.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}
.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

/*--- Right ---*/

.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}
.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
          transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}

/* Basic Pointing */

/*--- Above ---*/

.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}

/*--- Below ---*/

.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}

/*--- Left ---*/

.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}

/*--- Right ---*/

.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}

/*------------------
   Floating Label
-------------------*/

.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}
.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}



/*!
 * # Semantic UI 2.4.1 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/

.ui.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0em;
}

/*----------------------
      Remove Gutters
-----------------------*/

.ui.grid {
  margin-top: -1rem;
  margin-bottom: -1rem;
  /*margin-left: -1rem;*/
  /*margin-right: -1rem;*/
}
.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

/* Preserve Rows Spacing on Consecutive Grids */
.ui.grid + .grid {
  margin-top: 1rem;
}

/*-------------------
       Columns
--------------------*/


/* Standard 16 column */
.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  /* padding-left: 1rem; */
  /* padding-right: 1rem; */
  vertical-align: top;
}
.ui.grid > * {
  /* padding-left: 1rem; */
  /* padding-right: 1rem; */
}

/*-------------------
        Rows
--------------------*/

.ui.grid > .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100% !important;
  padding: 0rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*-------------------
       Columns
--------------------*/


/* Vertical padding when no rows */
.ui.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em;
}

/*-------------------
      Content
--------------------*/

.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}

/*-------------------
    Loose Coupling
--------------------*/


/* Collapse Margin on Consecutive Grid */
.ui.grid > .ui.grid:first-child {
  margin-top: 0em;
}
.ui.grid > .ui.grid:last-child {
  margin-bottom: 0em;
}

/* Segment inside Aligned Grid */
.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}

/* Align Dividers with Gutter */
.ui.grid .row + .ui.divider {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 1rem 1rem;
}
.ui.grid .column + .ui.vertical.divider {
  height: calc(50% - (2rem / 2));
}

/* Remove Border on Last Horizontal Segment */
.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*******************************
           Variations
*******************************/


/*-----------------------
       Page Grid
-------------------------*/


/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}

/* Grid Based */
.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}
.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}
.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}
.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}
.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}
.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}
.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}
.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}
.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}
.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}
.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}
.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}
.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}
.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}
.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}
.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}

/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column {
  width: 100% !important;
}
.ui.grid > [class*="two column"].row > .column {
  width: 50% !important;
}
.ui.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}
.ui.grid > [class*="four column"].row > .column {
  width: 25% !important;
}
.ui.grid > [class*="five column"].row > .column {
  width: 20% !important;
}
.ui.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}
.ui.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}
.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}
.ui.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}
.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}
.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}
.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}
.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}
.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}
.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}
.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}

/* Celled Page */
.ui.celled.page.grid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*-------------------
    Column Width
--------------------*/


/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}
.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}
.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}
.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}
.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}
.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}
.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}
.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}
.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}
.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}
.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}
.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}
.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}
.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}
.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}
.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}

/*----------------------
    Width per Device
-----------------------*/

/*----------------------
        Centered
-----------------------*/

.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left;
}
.ui.grid > .centered.column,
.ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*----------------------
        Relaxed
-----------------------*/

.ui.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* Coupling with UI Divider */
.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.ui[class*="very relaxed"].grid .row + .ui.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

/*----------------------
        Padded
-----------------------*/

.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important;
}
[class*="horizontally padded"].ui.grid {
  margin-left: 0em !important;
  margin-right: 0em !important;
}
[class*="vertically padded"].ui.grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}

/*----------------------
       "Floated"
-----------------------*/

.ui.grid [class*="left floated"].column {
  margin-right: auto;
}
.ui.grid [class*="right floated"].column {
  margin-left: auto;
}

/*----------------------
        Divided
-----------------------*/

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
          box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Swap from padding to margin on columns to have dividers align */
.ui[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.ui[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* No divider on first column on row */
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* No space on top of first row */
.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em;
}

/* Divided Row */
.ui.grid > .divided.row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
          box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}
.ui.grid > .divided.row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Vertically Divided */
.ui[class*="vertically divided"].grid > .row {
  position: relative;
}
.ui[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Padded Horizontally Divided */
[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%;
}

/* First Row Vertically Divided */
.ui[class*="vertically divided"].grid > .row:first-child:before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Inverted Divided */
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted[class*="vertically divided"].grid > .row:before {
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}

/* Relaxed */
.ui.relaxed[class*="vertically divided"].grid > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem);
}
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  width: calc(100% - 5rem);
}

/*----------------------
         Celled
-----------------------*/

.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;
          box-shadow: 0px 0px 0px 1px #D4D4D5;
}
.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;
          box-shadow: 0px -1px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
          box-shadow: -1px 0px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  padding: 1em;
}
.ui.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column {
  padding: 1.5em;
}
.ui[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em;
}

/* Internally Celled */
.ui[class*="internally celled"].grid {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0em;
}
.ui[class*="internally celled"].grid > .row:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui[class*="internally celled"].grid > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----------------------
   Vertically Aligned
-----------------------*/


/* Top Aligned */
.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: top;
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

/* Middle Aligned */
.ui[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: middle;
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

/* Bottom Aligned */
.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: bottom;
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

/* Stretched */
.ui.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/*----------------------
  Horizontally Centered
-----------------------*/


/* Left Aligned */
.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}

/* Center Aligned */
.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column {
  text-align: center;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}
.ui[class*="center aligned"].grid {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Right Aligned */
.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column {
  text-align: right;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}

/* Justified */
.ui.justified.grid > .column,
.ui.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
.ui.grid > .row > .justified.column.column {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/*----------------------
         Colored
-----------------------*/

.ui.grid > .row > .red.column,
.ui.grid > .row > .orange.column,
.ui.grid > .row > .yellow.column,
.ui.grid > .row > .olive.column,
.ui.grid > .row > .green.column,
.ui.grid > .row > .teal.column,
.ui.grid > .row > .blue.column,
.ui.grid > .row > .violet.column,
.ui.grid > .row > .purple.column,
.ui.grid > .row > .pink.column,
.ui.grid > .row > .brown.column,
.ui.grid > .row > .grey.column,
.ui.grid > .row > .black.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Red */
.ui.grid > .red.row,
.ui.grid > .red.column,
.ui.grid > .row > .red.column {
  background-color: #DB2828 !important;
  color: #FFFFFF;
}

/* Orange */
.ui.grid > .orange.row,
.ui.grid > .orange.column,
.ui.grid > .row > .orange.column {
  background-color: #F2711C !important;
  color: #FFFFFF;
}

/* Yellow */
.ui.grid > .yellow.row,
.ui.grid > .yellow.column,
.ui.grid > .row > .yellow.column {
  background-color: #FBBD08 !important;
  color: #FFFFFF;
}

/* Olive */
.ui.grid > .olive.row,
.ui.grid > .olive.column,
.ui.grid > .row > .olive.column {
  background-color: #B5CC18 !important;
  color: #FFFFFF;
}

/* Green */
.ui.grid > .green.row,
.ui.grid > .green.column,
.ui.grid > .row > .green.column {
  background-color: #21BA45 !important;
  color: #FFFFFF;
}

/* Teal */
.ui.grid > .teal.row,
.ui.grid > .teal.column,
.ui.grid > .row > .teal.column {
  background-color: #00B5AD !important;
  color: #FFFFFF;
}

/* Blue */
.ui.grid > .blue.row,
.ui.grid > .blue.column,
.ui.grid > .row > .blue.column {
  background-color: #2185D0 !important;
  color: #FFFFFF;
}

/* Violet */
.ui.grid > .violet.row,
.ui.grid > .violet.column,
.ui.grid > .row > .violet.column {
  background-color: #6435C9 !important;
  color: #FFFFFF;
}

/* Purple */
.ui.grid > .purple.row,
.ui.grid > .purple.column,
.ui.grid > .row > .purple.column {
  background-color: #A333C8 !important;
  color: #FFFFFF;
}

/* Pink */
.ui.grid > .pink.row,
.ui.grid > .pink.column,
.ui.grid > .row > .pink.column {
  background-color: #E03997 !important;
  color: #FFFFFF;
}

/* Brown */
.ui.grid > .brown.row,
.ui.grid > .brown.column,
.ui.grid > .row > .brown.column {
  background-color: #A5673F !important;
  color: #FFFFFF;
}

/* Grey */
.ui.grid > .grey.row,
.ui.grid > .grey.column,
.ui.grid > .row > .grey.column {
  background-color: #767676 !important;
  color: #FFFFFF;
}

/* Black */
.ui.grid > .black.row,
.ui.grid > .black.column,
.ui.grid > .row > .black.column {
  background-color: #1B1C1D !important;
  color: #FFFFFF;
}

/*----------------------
      Equal Width
-----------------------*/

.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}




/*!
 * # Semantic UI 2.4.1 - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Container
*******************************/


/* All Sizes */
.ui.container {
  display: block;
  max-width: 100% !important;
}


/*******************************
             Types
*******************************/


/* Text Container */
.ui.text.container {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5;
}
.ui.text.container {
  font-size: 1.14285714rem;
}

/* Fluid */
.ui.fluid.container {
  width: 100%;
}


/*******************************
           Variations
*******************************/

.ui[class*="left aligned"].container {
  text-align: left;
}
.ui[class*="center aligned"].container {
  text-align: center;
}
.ui[class*="right aligned"].container {
  text-align: right;
}
.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/





/*!
 * # Semantic UI 2.4.1 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Checkbox
*******************************/


/*--------------
    Content
---------------*/

.ui.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px;
}

/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px;
}

/*--------------
      Box
---------------*/

.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  border: 1px solid #D4D4D5;
}

/*--------------
    Checkmark
---------------*/

.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
}

/*--------------
      Label
---------------*/


/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

/* Outside */
.ui.checkbox + label {
  vertical-align: middle;
}


/*******************************
           States
*******************************/


/*--------------
      Hover
---------------*/

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*--------------
      Down
---------------*/

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Focus
---------------*/

.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Active
---------------*/

.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
  Indeterminate
---------------*/

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
  Active Focus
---------------*/

.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
    Read-Only
---------------*/

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
}

/*--------------
     Disabled
---------------*/

.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5;
  color: #000000;
}

/*--------------
     Hidden
---------------*/


/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}

/* Selectable Label */
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


/*******************************
             Types
*******************************/


/*--------------
     Radio
---------------*/

.ui.radio.checkbox {
  min-height: 15px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 1.85714em;
}

/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  -webkit-transform: none;
          transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0px;
}

/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 15px;
  height: 15px;
  line-height: 15px;
}

/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  -webkit-transform: scale(0.46666667);
          transform: scale(0.46666667);
  background-color: rgba(0, 0, 0, 0.87);
}

/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0;
}

/* Active */
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Slider
---------------*/

.ui.slider.checkbox {
  min-height: 1.25rem;
}

/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}

/* Label */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

/* Line */
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  -webkit-transform: none;
          transform: none;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  -webkit-transform: none;
          transform: none;
  border-radius: 500rem;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

/* Focus */
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}

/* Active */
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  left: 2rem;
}

/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important;
}

/*--------------
     Toggle
---------------*/

.ui.toggle.checkbox {
  min-height: 1.5rem;
}

/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}

/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}

/* Switch */
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: none;
          transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}

/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Active */
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2185D0 !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important;
}


/*******************************
            Variations
*******************************/


/*--------------
     Fitted
---------------*/

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}


/*******************************
         Theme Overrides
*******************************/

@font-face {
  font-family: 'Checkbox';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
}

/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'Checkbox';
}

/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: '\e800';
}

/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  font-size: 12px;
  content: '\e801';
}
/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/


/*******************************
         Site Overrides
*******************************/




/*!
 * # Semantic UI 2.4.1 - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Rails
*******************************/

.ui.rail {
  position: absolute;
  top: 0%;
  width: 300px;
  height: 100%;
}
.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em;
}
.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}


/*******************************
           Variations
*******************************/


/*--------------
     Internal
---------------*/

.ui.left.internal.rail {
  left: 0%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}
.ui.right.internal.rail {
  left: auto;
  right: 0%;
  /*padding: 0em 2rem 0em 0em;*/
  /*margin: 0em 2rem 0em 0em;*/
}

/*--------------
    Dividing
---------------*/

.ui.dividing.rail {
  width: 302.5px;
}
.ui.left.dividing.rail {
  padding: 0em 2.5rem 0em 0em;
  margin: 0em 2.5rem 0em 0em;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.right.dividing.rail {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  padding: 0em 0em 0em 2.5rem;
  margin: 0em 0em 0em 2.5rem;
}

/*--------------
    Distance
---------------*/

.ui.close.rail {
  width: calc( 300px  +  1em );
}
.ui.close.left.rail {
  padding: 0em 1em 0em 0em;
  margin: 0em 1em 0em 0em;
}
.ui.close.right.rail {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 0em 1em;
}
.ui.very.close.rail {
  width: calc( 300px  +  0.5em );
}
.ui.very.close.left.rail {
  padding: 0em 0.5em 0em 0em;
  margin: 0em 0.5em 0em 0em;
}
.ui.very.close.right.rail {
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em;
}

/*--------------
    Attached
---------------*/

.ui.attached.left.rail,
.ui.attached.right.rail {
  padding: 0em;
  margin: 0em;
}

/*--------------
     Sizing
---------------*/

.ui.mini.rail {
  font-size: 0.78571429rem;
}
.ui.tiny.rail {
  font-size: 0.85714286rem;
}
.ui.small.rail {
  font-size: 0.92857143rem;
}
.ui.rail {
  font-size: 1rem;
}
.ui.large.rail {
  font-size: 1.14285714rem;
}
.ui.big.rail {
  font-size: 1.28571429rem;
}
.ui.huge.rail {
  font-size: 1.42857143rem;
}
.ui.massive.rail {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/





/* ==================
         开关
 ==================== */
.ui.radio,.ui.checkbox,.ui.switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin-bottom: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.radio>.icon,.ui.checkbox>.icon,.ui.switch>.icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border: 1px solid transparent;
    transition: all .2s ease-in-out
}

.ui.radio>.icon:after,.ui.checkbox>.icon:after,.ui.switch>.icon:after {
    position: absolute;
    content: " ";
    transition: all .2s ease-in-out;
    display: block
}

.ui.radio>.text,.ui.checkbox>.text,.ui.switch>.text {
    line-height: 1.3;
    margin-left: 4px;
    position: relative;
    display: inline-block
}

.ui.radio>input,.ui.checkbox>input,.ui.switch>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: none
}

.ui.radio>input ~ .icon,.ui.radio>input ~ .text,.ui.checkbox>input ~ .icon,.ui.checkbox>input ~ .text,.ui.switch>input ~ .icon,.ui.switch>input ~ .text {
    cursor: pointer
}


.ui.switch {
    padding-left: 40px;
    margin-right: 10px
}

.ui.switch>.icon {
    width: 40px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid #0081ff;
    background-color: #0081ff
}

.ui.switch>.icon:before,.ui.switch>.icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff
}

.ui.switch>.icon:before {
    width: 38px;
    height: 22px;
    border-radius: 11px;
    transition: transform .35s cubic-bezier(.45,1,.4,1)
}

.ui.switch>.icon:after {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 3px 0 rgba(0,0,0,.1);
    transition: left .35s cubic-bezier(.35,.81,.45,1.47)
}

.ui.switch>.text:after {
    content: attr(text-off)
}

.ui.switch>input:checked ~ .icon:after {
    left: 1rem;
    background-color: #fff
}

.ui.switch>input:checked ~ .icon {
    border-color: #0081ff;
    background-color: #0081ff
}

.ui.switch>input:checked ~ .text:after {
    content: attr(text-on)
}

.ui.switch>input:checked ~ .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.ui.switch>input:active:not(:disabled):not(.disabled) ~ .icon {
    transition: background-color .1s,border .1s
}

.ui.switch>input:active:not(:disabled):not(.disabled) ~ .icon:after {
    -webkit-transform: scale(1.2,1);
    -ms-transform: scale(1.2,1);
    transform: scale(1.2,1)
}

.ui.switch>input:disabled ~ .icon,.ui.switch>input:disabled ~ .text,.ui.switch>input.disabled ~ .icon,.ui.switch>input.disabled ~ .text {
    opacity: .5;
    cursor: not-allowed
}

.ui.switch.square {
    padding-left: 46px
}

.ui.switch.square>.icon {
    width: 46px;
    border-radius: 0
}

.ui.switch.square>.icon:before {
    width: 44px;
    border-radius: 0
}

.ui.switch.square>.icon:after {
    border-radius: 1px
}

.ui.switch.square>input:checked ~ .icon:after {
    left: 22px
}

.ui.switch.square-text {
    height: 24px;
    padding-left: 56px
}

.ui.switch.square-text>.icon {
    width: 56px
}

.ui.switch.square-text>.icon:before {
    width: 54px
}

.ui.switch.square-text>.text {
    width: 56px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    font-size: 80%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.ui.switch.square-text>.text:after {
    width: 32px;
    text-align: center;
    position: absolute;
    right: 0
}

.ui.switch.square-text>input:checked ~ .icon:after {
    left: 32px
}

.ui.switch.square-text>input:checked ~ .text:after {
    color: #fff;
    left: 0;
    right: auto
}

.ui.switch.small {
    padding-left: 30px
}

.ui.switch.small>.icon {
    width: 30px;
    height: 18px;
    border-radius: 18px
}

.ui.switch.small>.icon:before {
    width: 28px;
    height: 16px;
    border-radius: 8px
}

.ui.switch.small>.icon:after {
    width: 16px;
    height: 16px
}

.ui.switch.small>.text {
    line-height: 16px
}

.ui.switch.small>input:checked ~ .icon:after {
    left: 12px
}

.ui.switch.small.square {
    padding-left: 34px
}

.ui.switch.small.square>.icon {
    width: 34px;
    height: 18px;
    border-radius: 0
}

.ui.switch.small.square>.icon:before {
    width: 32px;
    height: 16px;
    border-radius: 0
}

.ui.switch.small.square>.icon:after {
    width: 16px;
    height: 16px
}

.ui.switch.small.square>input:checked ~ .icon:after {
    left: 16px
}

.ui.switch.small.square-text {
    height: 18px;
    padding-left: 44px
}

.ui.switch.small.square-text>.icon {
    width: 44px
}

.ui.switch.small.square-text>.icon:before {
    width: 42px
}

.ui.switch.small.square-text>.text {
    width: 44px;
    height: 18px;
    line-height: 18px
}

.ui.switch.small.square-text>.text:after {
    width: 26px
}

.ui.switch.small.square-text>input:checked ~ .icon:after {
    left: 26px
}

.ui.switch.large {
    padding-left: 50px
}

.ui.switch.large>.icon {
    width: 50px;
    height: 30px;
    border-radius: 30px
}

.ui.switch.large>.icon:before {
    width: 48px;
    height: 28px;
    border-radius: 15px
}

.ui.switch.large>.icon:after {
    width: 28px;
    height: 28px
}

.ui.switch.large>input:checked ~ .icon:after {
    left: 20px
}

.ui.switch.large.square {
    padding-left: 58px
}

.ui.switch.large.square>.icon {
    width: 58px;
    border-radius: 0
}

.ui.switch.large.square>.icon:before {
    width: 56px;
    border-radius: 0
}

.ui.switch.large.square>.icon:after {
    width: 28px
}

.ui.switch.large.square>input:checked ~ .icon:after {
    left: 28px
}

.ui.switch.large.square-text {
    height: 30px;
    padding-left: 68px
}

.ui.switch.large.square-text>.icon {
    width: 68px
}

.ui.switch.large.square-text>.icon:before {
    width: 66px
}

.ui.switch.large.square-text>.icon:after {
    width: 28px
}

.ui.switch.large.square-text>.text {
    width: 68px;
    height: 30px;
    line-height: 30px;
    font-size: 100%
}

.ui.switch.large.square-text>.text:after {
    width: 38px
}

.ui.switch.large.square-text>input:checked ~ .icon:after {
    left: 38px
}

.ui.switch.vusui>.icon,.ui.switch.vusui>input:checked ~ .icon {
    border-color: #199583;
    background-color: #199583
}

.ui.switch.vusui>.icon:after {
    box-shadow: 0 0 0 1px rgba(25,149,131,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.red>.icon,.ui.switch.red>input:checked ~ .icon {
    border-color: #e54d42;
    background-color: #e54d42
}

.ui.switch.red>.icon:after {
    box-shadow: 0 0 0 1px rgba(0,119,238,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.green>.icon,.ui.switch.green>input:checked ~ .icon {
    border-color: #39b54a;
    background-color: #39b54a
}

.ui.switch.green>.icon:after {
    box-shadow: 0 0 0 1px rgba(0,119,238,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.cyan>.icon,.ui.switch.cyan>input:checked ~ .icon {
    border-color: #1cbbb4;
    background-color: #1cbbb4
}

.ui.switch.cyan>.icon:after {
    box-shadow: 0 0 0 1px rgba(34,170,68,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.brown>.icon,.ui.switch.brown>input:checked ~ .icon {
    border-color: #a5673f;
    background-color: #a5673f
}

.ui.switch.brown>.icon:after {
    box-shadow: 0 0 0 1px rgba(255,153,51,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.pink>.icon,.ui.switch.pink>input:checked ~ .icon {
    border-color: #e03997;
    background-color: #e03997
}

.ui.switch.pink>.icon:after {
    box-shadow: 0 0 0 1px rgba(221,85,68,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.mauve>.icon,.ui.switch.mauve>input:checked ~ .icon {
    border-color: #9c26b0;
    background-color: #9c26b0
}

.ui.switch.mauve>.icon:after {
    box-shadow: 0 0 0 1px rgba(51,170,238,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.purple>.icon,.ui.switch.purple>input:checked ~ .icon {
    border-color: #6739b6;
    background-color: #6739b6
}

.ui.switch.purple>.icon:after {
    box-shadow: 0 0 0 1px rgba(153,136,255,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.black>.icon,.ui.switch.black>input:checked ~ .icon {
    border-color: #333;
    background-color: #333
}

.ui.switch.black>.icon:after {
    box-shadow: 0 0 0 1px rgba(51,51,51,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.grey>.icon,.ui.switch.grey>input:checked ~ .icon {
    border-color: #8799a3;
    background-color: #8799a3
}

.ui.switch.grey>.icon:after {
    box-shadow: 0 0 0 1px rgba(150,150,150,.5),0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.white>.icon,.ui.switch.white>input:checked ~ .icon {
    border-color: #fff;
    background-color: transparent
}

.ui.switch.white>.icon:before {
    background-color: transparent
}

.ui.switch.white>.icon:after {
    box-shadow: 0 0 0 1px #fff,0 3px 0 rgba(0,0,0,.1)
}

.ui.switch.white>input:checked ~ .icon {
    background-color: rgba(255,255,255,.2)
}

.ui.switch.white>.text {
    color: #fff
}

.tien-radio.default>.icon,.tien-radio.tick.default>.icon,.tien-radio.tick-o.default>.icon,.tien-checkbox.default>.icon,.tien-checkbox.bedye.default>.icon,.tien-checkbox.square.default>.icon {
    border-color: #0081ff
}

.ui.switch.default>.icon {
    border-color: #0081ff;
    background-color: #0081ff
}

.ui.switch.default>.icon:after {
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 3px 0 rgba(0,0,0,.1)
}



